WebGL講座
このページについて
JavaScriptを使ってWebGL APIを直接扱うWeb3Dプログラミングについて講義するコンテンツです。
※WebGLによる3D表現は他に、Unityなどのゲームエンジンでも作成することが可能です。Web3Dの表現を模索される方は、それらの技術選択肢との比較検討を行ってください。
前提とするWebGLバージョンについて
本講座では今後主流となるWebGL2を使います。WebGLという用語が本コンテンツで登場した場合は、WebGL2を指しているとお考えください。WebGL1を意図する場合は、WebGL1と表記します。
コンテンツ
コンテンツ | 概要 |
---|---|
1. WebGLの概要と準備 | WebGLを始めるまでの準備について解説します。 |
2. WebGLはCanvasからはじまる | Canvas要素とWebGLの関係を理解し、最小のWebGLサンプルを示します。 |
3. 三角形を表示する | ポリゴン(三角形)を表示してみましょう。 |
4. 「座標」について知る | 物体を適切に空間に配置するための座標について学びます。 |