javascript - Three.js : 同じ視点から見た幾何学的形状

Question

たくさんの幾何学的形状の絵を作りたいです。私の問題は、それらすべてが同じ視点から見えるようにする必要があることです。つまり、実際の 3D シーンは必要ありませんが、代わりに、多数の小さな形状の写真が互いに近くにある必要があります。

Three.jsでどうすればいいですか?

画面中央の必要なビューに各図形を描画する方法は知っていますが、特定の div 内に多数の図形を次々に作成する方法がわかりません ありがとう

Answer 1

これを行う 1 つの方法はrenderer.setViewport()、複数のカメラを使用することです。パターンは次のとおりです。

renderer.setViewport( 0, 0, SCREEN_WIDTH/2, SCREEN_HEIGHT );
renderer.render( scene, camera1 );

renderer.setViewport( SCREEN_WIDTH/2, 0, SCREEN_WIDTH/2, SCREEN_HEIGHT );
renderer.render( scene, camera2 );

このアプローチでは、個別の div は必要ありません。

http://mrdoob.github.com/three.js/examples/webgl_camera.html

別のアプローチは、このフィドルのように複数の div を使用することです: http://jsfiddle.net/CLEYk/。

three.js r.53