7分SHAREツイートシェアはてブGoogle+PocketLINEこんにちは、タクゾウです。今回は、WebGLを扱いやすくしたThree.jsについて紹介致します。自分の勉強を兼ねて、Three.jsの基礎を詳しく書いていくので、Web上で3D表現をしたい人の参考になれば幸いです。Cabello(Mr.doob)氏によって開発されたWebGLの実装を簡易程にすることが可能なライブラリです。(3DWebのJQuery的な存在)three.jsを利用することにより、ピュアなWebGLの実装の約30%ほどの記述で書くことができます。ドキュメントや、記事も多く出ているので比較的簡単にWebGLを利用できます。実際になにができるかについては公式サイトを参考にしてください。成果物の見た目が似通う3Dプログラムの理解がなくてもできてしまう。上記のようなメリット・デメリットがありますが、メリッドの方が大きいので使わない理由はあまりないです。構造はこちらになります。コメントを多めにしているので参考にして下さい。最初に変数の宣言と、必要に応じた定義処理を行なっていきます。できる限り「初期値を決める場所」は冒頭に集約させましょう。