Three.js-闪光灯“环”效果

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-单击渲染窗口以锁定指针），但是我希望闪光灯更加逼真。 这是具有理想效果的图像：

我尝试查看文档，认为会有一个我可以加载的“地图”，例如，可能必须是Alpha地图或其他东西。 我对3D游戏世界还很陌生，因此可以提供任何帮助。

谢谢。

Answer 1

您可以尝试添加更多具有不同角度和不同参数值的聚光灯，以产生环形效果。

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);

您可以在此 Codepen中看到它的外观。 我认为，如果调整参数，则可以实现与您想要的结果类似的效果。