多彩な表現力のWebGLを扱いやすくする「Three.js」

多彩な表現力のWebGLを扱いやすくする「Three.js」：Webグラフィックをハックする（5）（5/5 ページ） インタラクティブ性を取り入れる ここまで、Three.jsのさまざまな機能の使用方法を解説してきました。読者の皆さんが「これは面白い、自分でも何か作ってみよう！」と感じられていたら幸いです。 しかし、記事中で取り上げてきたサンプルコードは、いずれも一方的に映像を流し続けるだけのものでした。3次元映像を自分で操作できるのがリアルタイム3Dグラフィックの醍醐味ですから、このままでは物足りないですね。そこで、マウスによるカメラ操作などの基本的なインタラクティビティの実現方法を解説して、この記事の締めくくりとします。 リサイズへの対応など これまでのサンプルコードには、インタラクティブ性の欠如の他にも以下の欠点がありました。 WebGLをサポートしないブラウザへの対応がない 画面サ

[fumikistrider]

“controls.center = new THREE.Vector3(0, 0, 0);”