threejs平行光辅助工具

three.js 提供了一个名为 `THREE.DirectionalLightHelper` 的辅助工具，用于可视化平行光的方向和强度。使用该工具，您可以更好地了解平行光的方向和范围，从而更轻松地进行场景渲染。您可以通过以下步骤使用它：

1. 创建一个 `DirectionalLight` 平行光对象。
2. 创建一个 `DirectionalLightHelper` 对象，并将平行光对象作为参数传递给它。
3. 将 `DirectionalLightHelper` 对象添加到场景中。

下面是一个示例代码片段，展示如何使用 `DirectionalLightHelper`：

// 创建平行光
const directionalLight = new THREE.DirectionalLight(0xffffff, 1);
directionalLight.position.set(0, 1, 0);

// 创建平行光辅助工具
const directionalLightHelper = new THREE.DirectionalLightHelper(directionalLight, 0.2);

// 将平行光和辅助工具添加到场景中
scene.add(directionalLight);
scene.add(directionalLightHelper);

在这个示例中，我们创建了一个白色的平行光，并将它的位置设置在 y 轴的正方向。我们还创建了一个 `DirectionalLightHelper` 对象，并将平行光对象和一个尺寸为 0.2 的辅助工具传递给它。最后，我们将平行光和辅助工具都添加到场景中。

当您运行代码时，您将看到一个表示平行光方向和强度的辅助工具。您可以尝试更改平行光的位置和强度，并观察辅助工具的变化。