javascript - Three.js : 从同一角度看的几何形状

Question

我想创建许多几何形状的图片。我的问题是我需要所有这些都可以从相同的角度看到 - 即我不需要真正的 3d 场景，而是需要一些彼此靠近的小形状图片。

我怎么能用 Three.js 做到这一点？

我知道如何在屏幕中间的所需视图中绘制每个形状，但我不知道如何在特定 div 内一个接一个地创建多个形状 谢谢

Answer 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/。

三.js r.53