[javascript]canvasでフィルタ処理

canvasのgetImageDataとpuImageDataを駆使して非線形の座標変換による変形処理をしました。

・ねじる


・ふくらむ


・裏返る


・波立つ



懸念はやっぱり処理速度で、どの程度の実用できるレベルなのかというところ。
デモはこちらからです。

なお、まともに見れるのはGoogleChromeかSafariくらいなのでご注意を。FireFox3.6でも辛いです。
ブラウザベースでそこそこ遊べるので、面白い玩具を見つけたなって感じです。