DirectionalLight的ThreeJS项目行为异常

Question

我有a complex JS project在使用ThreeJS。我想要一个带有圆锥和线条的场景。开发人员已经设计了自定义的圆锥形状，其关键参数是圆锥面的宽度，以coneStep为单位，并且Web应用程序使用GPU进行渲染。

我尝试在项目中实现DirectionalLight，像在src/bigBoard.ts中一样，从第52行开始修改horse example文件：

let _light = new DirectionalLight(0xefefff, 1.5); // (0xffffff, 5, 1000, 2);
_light.castShadow = true;
_light.shadow.mapSize.width = 512;  // default
_light.shadow.mapSize.height = 512; // default
_light.shadow.camera.near = 0.5;       // default
_light.shadow.camera.far = 800;    // default
_light.position.set( -1, -0.197, 0.377 ).normalize();

let _light2 = new DirectionalLight(0xffefef, 1.5);

第224行以下：

_light.position.set(1, 1, 1);
_light2.position.set(-1, -1, -1);
this._scene.add(_light);
this._scene.add(_light2);

但是结果似乎几乎是随机的，尤其是当修改的coneStep的值时。