HTML5 canvasのテクスチャマッピング「Projective」
canvasで画像を歪ませる、例えばActionScript 3.0のdrawTriangleのような、メッシュを作ってマッピングするにはどうしたらいいんだろう？と思い調べてたら、やはりありました。
ちょっと自分なりにマッピングだけ試してみます。結構簡単に出来ます。
詳しくは英語ですが
原理はcanvasのコンテキストが持つメソッドtransformメソッドを使っているようです。
各頂点にアクセスしたりして座標を入れ替え出来たら、布みたいにユラユラと揺らせたり3D表現も可能ですね、そういえば布のように画像を揺らすデモもありますね。
やはりアフィン行列変換は理解しとかないと使いこなすのは難しそう、さらに悩みは続く、、、。
