javascript - Three.js-闪光灯 "Ring"效果

Question

我只是想知道是否有人知道是否可以使用 THREE.SpotLight 获得闪光灯效果。

// Line 110
spotLight = new THREE.SpotLight(0xffffff, 0.5, 150);
spotLight.power = 6000;
spotLight.angle = 0.5;
spotLight.decay = 2;
spotLight.penumbra = 0.1;
spotLight.distance = 200;

我已经设置了 CodePen(http://codepen.io/anon/pen/ALXNYQ - 单击渲染窗口以锁定指针)，但我希望闪光灯更加真实。这是具有所需效果的图像:

我尝试查看文档，认为会有某种我可以加载的“ map ” - 就像，也许它必须是 alpha map 或其他东西。我对 3D 游戏世界还很陌生，因此我们将不胜感激。

谢谢。

Answer 1

您可以尝试添加更多具有不同 Angular 和不同参数值的聚光灯来创建环形效果。

spotLight = new THREE.SpotLight(0xFFFFFF, 0.5, 150);
spotLight.power = 4000;
spotLight.angle = 0.5;
.
.
.
spotLight2 = new THREE.SpotLight(0xCCCCCC, 0.5, 150);
spotLight2.power = 2000;
spotLight2.angle = 0.55;
.
.
.
flashLight.add(spotLight);
flashLight.add(spotLight.target);
flashLight.add(spotLight2);
flashLight.add(spotLight2.target);

您可以在 this 中查看它的外观代码笔。我认为如果调整参数，您可以达到与您想要的类似的效果。