在three.js中为场景中的多个移动物体设置摄像机位置

时间:2016-02-01 03:17:29

标签: javascript three.js

我的场景中有两个物体 - 一条线和一个球体。这两个都需要在requestAnimationFrame的每次迭代中重新呈现。

我有两个单独的工作,但是,当我使用球的代码与我的线的初始化功能(相机定位适合显示线),球体看起来太大,灯光没有& #39;覆盖整个球体。基本上,球体在线的相机设置方面表现不佳。

为了使用线条的相机设置将球体和线条作为场景一起工作,我不得不将球体的尺寸更改为更小并改变光线。如何以更好的方式实现渲染多个对象,而不必破解所有其他对象的属性以适应其中一个对象的相机设置?

Individual code for line

Individual code for sphere

Line and sphere working together 请注意,在这个版本中,球体的大小只有0.8才能让它一起工作。

sphere = new THREE.Mesh(new THREE.SphereGeometry(0.8,31,31), new THREE.MeshLambertMaterial({
            color: 'yellow',
        }));

0 个答案:

没有答案