</body></html>解説Three.jsはHTML/JavaScript用の3Dライブラリです。特徴はレンダラをWebGL/Canvas/SVG/CSS3から選べることでしょう。パフォーマンスが要求される場合はWebGLで、iOSなどでも動かしたい場合は互換性の高いCanvas/SVGでと目的に応じて選ぶことができます。CSS3のレンダラであるCSS3Renderer.jsはDOMエレメントを3Dオブジェクトとして配置できるので気軽に3Dを試したい時や写真要素などを3Dにビジュアライズしたい時に便利です。ここではThree.jsの雰囲気を味わう為にCSS3Renderer.jsを使った最小のHelloWorldを紹介します。頭の方にHelloWorld!のH2タグがあります。これがThree.jsとCSS3Renderer.jsによって3D化されます。マウスやフリックで手軽にカメラを動かせるTrackballControls.jsも使われています。実質2行のコードを入れるだけで配置したオブジェクトをグリグリまわすことが出来ます。参考リンクここでは最小サンプルを作る為に一般的なThree.jsソフトウェアにある処理を省いています。深く学びたい方は以下のリンクが参考になります。tableのデモは圧巻です。これだけの表現をわずかなコード量で出来てしまうのがThree.js/CSS3DRenderer.jsです。WebGL無しiOSでも簡単軽快3D。Three.jsでHelloWorld〜18行で書けるiOS対応3Dプログラム。