Nagamatsu2015-12-15行列と仲良くなろうお勉強記事ということで、数学な内容の投稿をします!本記事をはじめ数学的な内容を扱う投稿に関しては、「文系卒が数学をやれるとこまで頑張る」という主旨です。実際どこまで知識がつくか暖かく見守っていただきつつ、理解について誤っているところなどあればご指摘ください...。同時に3Dプログラミングにひーひー言っている非理系の方々にも微力ながら助けになれば幸いです。Processing等のクリエイティブコーディングのための言語が持つ、図形を移動させたり拡大縮小したりする便利な関数群が、どのような数学的計算によって実現されているのかを明らかにします。選択していますが、それには理由があります。GLSLでは行列計算をほぼ必ず必要とするからです。ProcessingやopenFrameworksといったラッパーライブラリを使う分には、行列計算をしていることを隠蔽し簡単なインターフェースを提供してくれているので、行列の知識は必要ありません。GLSLでは行列を知らないとほぼ何もできなくて震えます。GLSLをはじめとするシェーダ言語は、3Dプログラミングにおいて欠かせない領域です。GPUを用いて、数万もの並列計算をできるという偉大なるフォースを秘めているからです。シェーダ言語はGPUの性質にも大きく依存し、提供される機能はごく限定的です。Processingのように「はい、45度まわってー」といって回ってくれるような従順でかわいげのある環境ではありません。ビルトイン関数がないため、3D幾何の知識を駆使して自分で移動を記述する必要があります。GLSLで行列を用いて記述できるようにすることは、若干ハードルを感じますが、GPUパワーを手にできるという大きな意味があります。残念ながら行列の全てをバスっと説明できるスキルは私にはありません...。行列の定義や個別の演算方法についても、ネット上にわかりやすい記事がたくさんありますので、そちらに譲るとします。(例えばこちらの記事など)ここでは、正方行列の持つ、とても興味深い幾何学的特徴を紹介するのみとします。正方行列のかけ算は、掛け合わせる行列に内包されるベクトル同士の内積を集めたものということができます。クロッキー帳の雑なメモですが、行列の成分がベクトルの内積に等しいことを表しています。幾何学的にみるとおもしろいことがわかります。正方行列の持つ列をベクトルと見立てると、ちょうどそのベクトルにで表される軸によって座標系を歪めることができます。1列目は、x軸の歪めた結果のベクトル、2列目はy軸を歪めた結果、3列目はz軸...ということになります。このように行列は、x軸、y軸、z軸のそれぞれを指定するベクトルに変形させ座標系を歪められること表しているのです。上記の行列では、x軸とy軸が変化し、回転とスケーリングが作用していることがわかります。(OpenGLとGLSLではベクトルを列で表現します。DirectXの場合はベクトルを行で表すので上記説明の列を行と言い換える必要があります。OpenGLでは、ベクトルvに行列Mをかけて座標変換したい場合、vMではなくMvとしないと正しい結果が得られません。DirectXでは逆...。)GLSLによるコード回転については前述の通り、「各列がそれぞれ変換後のx軸、y軸、z軸になる」ということを意識できるとかなり理解がしやすいです。sin、cosがわかればガッテンできると思います。scale回転より簡単...。Translate平行移動は、トリッキーですが四次元目のw成分を設定することで表現できます。普通にベクトルの加算と同じ計算結果が得られることがわかります。w成分については、深く考えると哲学的でとてもおもしろいです...。4次元ベクトルが3次元空間に写像として現れている、というそうです。それぞれの行列の記述を明らかにしつつ、カメラまわりの関数についてGLSLのコードで記述する試みをしてみたいと思います。ポストエフェクトTOPSKETCHESPROFILELINKS。