Three.js:从相同的角度看几何形状

时间:2012-12-10 12:45:05

标签: javascript geometry three.js

我想创建一些具有多种几何形状的图片。我的问题是我需要从同一个角度看所有这些都是可见的 - 即我不需要真正的3D场景,而是需要一些靠近另一个的小形状图片。

我怎样才能使用Three.js?

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

1 个答案:

答案 0 :(得分: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