THREEJSと3DCG

THREE.JSの概要と位置づけ

このシリーズではTHREE.JSの基本について解説していきます。

THREE.JSはWEBブラウザで3DCGを表示させるためのライブラリです。

始めたての頃はこれから書くコードの量に面を食らうかもしれませんが、実は非常に簡素化されています。もしTHREE.JSがなければ私たちは、より難易度の高いWEBGLというライブラリを使う必要があり、3DCGを扱うハードルが一気に上がってしまいます。詳しい説明は省きますが、とにかくThree.jsは非常に便利で、この広いコミュニティを持てたことが非常に幸運だと思います。

しかし、複雑な表現をする場合はやはりThree.jsだけでは事足りず、レベルアップとともにWEBGLを扱えるようになることが理想と言えるでしょう。

実際、WebGLを内包するOpenGLというライブラリもあります。これは、ハードウェアに対して3DCGをどのように処理するかをまとめたライブラリで、WebGLより専門的な知識、そして、ハードウェアの内容を理解しなければなりません。(難しすぎて私のページでは扱えません...)

WEBブラウザで3DCGを表示するには以上のような技術を使う必要があり、私たちは今その旅の出発点に立っているわけです。(図1)

THREE.JSを初めて触るよ！という方は、いきなり様々なコードが出てきて困惑すると思いますが、これは慣れとしか言いようがないので、たくさん見て、たくさん勉強して、皆でよい作品を作れるように、頑張っていきましょう！