javascript - ThreeJS r69 轨迹球控件、摄像头和定向灯

标签 javascript graphics 3d three.js perspectivecamera

我需要将轨迹球控件和相机与定向光同步。

我的案例场景: 使用相机、灯光和控件初始化一个空场景。 加载 bufferGeometry obj,获取其质心并设置相机和控件相对于 obj 质心的位置和目标。 基本上我只是简单地设置相机位置和controls.target:

camera.lookAt( position );
camera.position = position;
controls.target.copy( position );

其中位置是 Three.Vector3 对象。

定向光必须与控件自动同步。

我使用 Threejs r66 做到了:

function init(){
...
directionalLight.position = controls.object.position;
directionalLight.target.position = controls.target;
...
}

其中controls是一个THREE.TrackballControls对象。

对于 Threejs,r69 不再起作用。 有什么建议吗?

谢谢

西蒙

<小时/>

使用点光源而不是定向光源解决。

var pointLight = new THREE.PointLight( 0xffffff, 1, 100 ); 相机.add(pointLight);

感谢大家的帮助

最佳答案

解决方案(感谢 WestLangley)是:

var pointLight = new THREE.PointLight( 0xffffff, 1, 100 ); 
camera.add( pointLight );

关于javascript - ThreeJS r69 轨迹球控件、摄像头和定向灯,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27920101/

相关文章:

javascript - Three.js 如何使Object3D看起来接近视锥体而不是像 Sprite 一样渲染?

c - OpenGL,第一人称相机翻译

javascript - 如何从 react 组件中的所有详细信息标签添加或删除 "open"属性?

javascript - Cycle2 - 无法初始化 slider

java - 在背景图像上设置动画

java - 三角形路径的弯曲边?

javascript - Cypress 路由功能未检测到网络请求

php - 限制用户输入特殊字符和数字

opengl - glFrustum 函数有什么作用?

javascript - 在 Three.js 中转换基本几何图形