ハーフトーニング（拡散誤差法） - 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
ハーフトーニング (ディザ法） - f8g
画像を2値化するハーフトーニングのDither法が面白かったので紹介。 コード パターンを与えると、それっぽく点を打つ。（これ使用） function dither(img, pattern){ var black = new ImageProcessing.Color(0, 0, 0); var white = new ImageProcessing.Color(255, 255, 255); var l = pattern.length; var n = 256 / (l * l); img.each(function(px, x, y){ if(px.average() > pattern[x % l][y % l] * n + 8) img.setPixel(x, y, white); else img.setPixel(x, y, black); }); } 参考PDF http
Adobe After Effects JavaScript リファレンス
Adobe After Effects JavaScript リファレンス ■命令（終了） コメント／注釈 break const continue delete do～while for for...in function if new return switch this try var while with throw（AfterEffects 6.0では動作しません） ■Boolean（終了） Boolean ■Function（終了） arguments function ■Number（終了） Number MAX_VALUE MIN_VALUE NaN NEGATIVE_INFINITY POSITIVE_INFINITY toExponential toFixed toPrecision ■Array（終了） Array concat join length pop pus
【レポート】Canvas 3D Renderer & 3D WalkerでHTML Canvasの実力を知る (MYCOMジャーナル)
ColorJackなどもそうだが、最近、Flashや特別なプラグインをインストールしなくても3D描画をサポートするWebサービスが出始めている。今のところFirefox、Opera、Safariなどでは動作するが、IEでは動作しない。これは「HTML Canvas Element」を使っているからだが、ここでは同機能を紹介しておきたい。 HTML Canvas Elementは2Dのビットマップサーフェス。JavaScriptから直接描画できるキャンパスのことで、同機能を活用すると特別なプラグインをインストールすることなく、同様の機能を実現できる。HTML Canvas Elementは現在策定が進んでいる「Web Applications 1.0 - Working Draft」において規定されている要素のひとつで、現在のところ2Dコンテキストを規定しているが、将来的には3Dコンテキスト
After Effects 6.5 JavaScript and Expression 例文辞典
Expression (エクスプレッション) / JavaScript (ジャバスクリプト) ■Expressionとは？ ■Expression リファレンス ■JavaScript内に日本語を含む場合の注意点 ■JavaScript リファレンス Expressionサンプル ［０１］ 時間に沿って回転させる ［０２］ ランダムに画像を上下に揺らす ［０３］ カメラのフォーカスを変える ［０４］ レイヤーを円運動させる ［０５］レイヤーをらせん運動させる ［０６］ 3Dレイヤーを上下に揺動させる ［０７］上（前）のレイヤーのスケールサイズを利用する ［０８］ 上（前）のレイヤーの回転角度を利用する ［０９］三次元レイヤーを左右にサインカーブに沿って揺らす ［１０］ 道路の走行を表現する ［１１］ ランダムに画像を上下に揺らす (Wiggle) ［１２］30fps（コマ）を24fps（コ
フリーハンドでベジェ曲線を描く
点列をベジェ曲線に変換する BezierGenerator.js のサンプルです。 このサンプルは Firefox, Opera くらいでしか動きませんが、BezierGenerator.js 自体に環境依存性はありません（たぶん）。
ベジェ曲線 - こども(てれび)
フリーハンドでベジェ曲線を描く 更新 バグとった。重くてイベントを取りこぼすので、リアルタイムにやるのはあんまり現実的じゃないかもなぁ
[JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation)
Kawa.netxp [JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation) Animation.Cube クラスは、JavaScript のみでサイコロ回転風の アニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理)せず、JavaScript のみで リアルタイムにアニメーション処理を行います。 2画像の切替えエフェクト処理用、または、 サイコロの4面に貼り付けた画像をループで回転させるような処理に利用できます。 画像の拡大縮小処理が入っているため、 ラスタスクロール よりもマシン負荷が高いようです。 Opera だと少しスムーズなようです。 画像サイズを抑えれば、Celeron 2.4GHz 機でも十分に回転してく
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
