Three.jsはJavaScriptのオープンソース・ソフトウェア。Webブラウザが高機能化していく中で競われているのがJavaScriptエンジンの性能だ。実行速度が向上することによって、Webアプリケーションなどの利用が促進される。HTMLレンダリング性能と合わせて重要な指針だ。

Screen-shot 172.png

マウスの動きを追従する

 

エンジンが高機能化すれば実現できる幅が広がる。その一つが3Dレンダリングだ。JavaScriptで3Dオブジェクトが表現できるようになれば、ゲームはもちろん様々な分野で活用できるだろう。そのレンダリングエンジンとしてThree.jsを紹介しよう。

Three.jsは3Dオブジェクトをレンダリングするライブラリで、先日話題になったGoogleマップを使ったマッシュアップ「The Wilderness Downtown」もこのThree.jsを使って作られた一つだ。さらにマウスで反応するサンプルなどが多数登録されている。

Screen-shot 169.png

こんなサンプルも

 

デモを見るだけでもJavaScriptの可能性が広がっていくのが感じられるはずだ。巨大なオブジェクトはまだレンダリングが重たいのは否めないが、今後も改善されていくだろう。今後注目したいソフトウェアだ。

 

mrdoob’s three.js at master - GitHub

 http://github.com/mrdoob/three.js/