我想创建一些具有多种几何形状的图片。我的问题是我需要从同一个角度看所有这些都是可见的 - 即我不需要真正的3D场景,而是需要一些靠近另一个的小形状图片。
我怎样才能使用Three.js?
我知道如何在屏幕中间的所需视图中绘制我的每个形状,但我不知道如何在特定的div内创建一些形状一个接一个 谢谢
答案 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