ハーフトーニング（拡散誤差法） - f8g
パターンを用いたものではなく、空間フィルタリングのときのようなフィルタを掛けて2値化。 コード これ使用 ImageProcessing.prototype.errorDiffuse = function(flt){ var self = this; // init var w = this.canvas.width; var h = this.canvas.height; var sum = 0; // total of flt values var tmp = []; // temporary colors var fw = flt[0].length; // filter width var cur = parseInt(fw / 2, 10); // current pixel (X) of flt // init sum flt.forEach(function(_){ _.fo
JavaScriptで空間フィルタリング - f8g
あるピクセル(V0.0)と周囲のピクセルとフィルタ行列を掛けて、それらの合計をV0.0のところに置くようなやつ。 Photoshopでは5*5, 7*7も高速にやれるけど、さすがにJavaScript/Canvasでは3*3でも遅い。 イメージ V-1.-1 V0.-1 V1.-1 V-1.0 V0.0 V1.0 V-1.1 V0.1 V1.1 掛ける f-1.-1 f0.-1 f1.-1 f-1.0 f0.0 f1.0 f-1.1 f0.1 f1.1 の和 (分かりづらい) シャープ var flt = [ [ 0, -1, 0], [-1, 5, -1], [ 0, -1, 0] ]; ぼかし var flt = [ [0.08, 0.12, 0.08], [0.12, 0.2 , 0.12], [0.08, 0.12, 0.08] ]; 輪郭抽出 var flt = [ [1, 1,
JavaScriptで濃度変換 - f8g
1pxごとに何らかの関数を与えて, 明るさなどを変える。セピアやグレースケールもこの類だと思います。 IronRubyのやつ http://d.hatena.ne.jp/arikui/20070918/1190050541 元画像 明るさ調整 var _f = function(n){ return function(x){ return x + n; }; }; var f = _f(50); 色調反転 var f = function(x){ return 255 - x; }; レベルスライス var f = function(x){ if(x <= 64) return 0; if(x > 191) return 0; return 128; }; 階調化 var f = function(x){ return parseInt(x / 32) * 32; }; ガンマ補正 var
OperaのCanvasが凄いのでモザイク - f8g
いまさらながらOperaにはgetPixel/setPixelがあることを知りました。 http://orera.g.hatena.ne.jp/higeorange/20080604/1212505679 Operaさんはすげえぜ！ ただ、色の指定が文字列ってところが使いづらい。 ということでモザイク。 CanvasRenderingContext2DGame.Color = function(r, g, b){ this.r = r; this.g = g; this.b = b; this.toString = function(){ return "rgb(" + [this.r, this.g, this.b] + ")"; }; }; CanvasRenderingContext2DGame.prototype._getPixel = function(x, y){ var co
画像に文字を仕込む - f8g
ありがちだけど、画素のRGBの値に文字コードを割り当てると、1ピクセルに3文字入れることができる。 サンプルコード。 （前までのもそうだけど、このライブラリを使っている） function CodeToImage(canvas, code){ var ip = new ImageProcessing(canvas); ip.canvas.width = code.length / 3 + 1; ip.canvas.height = 1; for(var i = 0, n = 0; i < code.length; i++, n++){ var r = code.charCodeAt(i); var g = code.charCodeAt(++i) || 0; var b = code.charCodeAt(++i) || 0; var px = new ImageProcessing.Co
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
