射影変換(ホモグラフィ)について理解してみる その６ - デジタル・デザイン・ラボラトリーな日々

前回は、自前の行列クラスを使用して射影変換を行いましたが、Javascriptの行列演算用のライブラリが有志によって公開されています。 glMatrix.js mjs.js minMatrix.js tmlib.js Sylvester.js closure TDL J3DIMath.js(以前はCanvasMatrix.jsという名前だった) この中で特にメジャーであり、enchantjsにも使用されている行列演算ライブラリのglMatrix.jsを使用して射影変換のパラメータを求めてみます。 glMatrix.js内の4x4の正方行列の作成(mat4.create)と逆行列(mat4.inverse)を使用します。 function getParam(src, dest) { function Z(val){ return val == 0 ? 0.5 : val; } var X1