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. 「座標」について知る物体を適切に空間に配置するための座標について学びます。