three.js - three.js 光线从相机直接照射到物体

Question

在我的三个 js 设置中，我有以下定向光设置：

private aLight: THREE.DirectionalLight;

this.aLight = new THREE.DirectionalLight(0xffffff, 1.0);
this.aLight.position.set(-5, 5, 5);

this.aScene.add(this.aLight);

为了让光线跟随我的相机并始终照亮我的网格，我在渲染函数中设置了以下内容： private onRender() {

this.aLight.position.copy(this.aCamera.getWorldPosition());

window.requestAnimationFrame(_ => this.onRender());
this.aRenderer.render(this.aScene, this.aCamera);

现在，对象总是被照亮：

但是如果我放大面向相机的表面是黑暗的：

我想让我的光总是从我的相机指向物体。我究竟做错了什么？

Answer 1

如果您希望光源与您的相机重合，最简单的解决方案是使用点光源并将其添加为相机的子级。您可以使用这样的模式：

camera.position.set( 10, 10, 10 );
scene.add( camera ); // required in this case since the camera will have a child

// ambient
scene.add( new THREE.AmbientLight( 0xffffff, 0.1 ) ); // optional

// light
var light = new THREE.PointLight( 0xffffff, 1 );
camera.add( light );

如果您使用的是定向灯，请记住定向灯具有一个target属性，即Object3D. 因此，如果放大，您可能必须更改target.position. 如上所述，使用点光源更容易。

三.js r.86