テクスチャマッピング入門 射影変換(ホモグラフィ) - jsdo.it - Share JavaScript, HTML5 and CSS以前、作成したテクスチャマッピング入門では、2つの三角形に分割した方法でした。 テクスチャマッピング入門 今回は、4つの点からホモグラフィ行列(平面射影変換行列)を使った方法になります。 shogo82148氏のCSS3 Transform 3D Testでは、CSSで実現していましたが Canvasを使った方法はどうすれば出来るのか挑戦してみました。 アルゴリズムに関しては、下記サイトを参照してください。 射影変換(ホモグラフィ)について理解してみる ■パラメータ説明 degreea 回転角度 0度の時に回転させる形状を保存します。 0度以外で形状を変形しても元に戻ってしまいます。 本当は、形状を回転途中で変形しても保持して回転出来るようにしたかったんですが、 面倒くさそうだし、今回の目的とは違うので追求するのはやめました。 drawType 画像補間方法 ・Nearest(ニアレストネ
Sign in - Google Accounts
