Three.js - 闪光灯“响铃”效果

时间:2016-09-17 22:13:37

标签: javascript html5 three.js flashlight spotlight

我只是想知道是否有人知道是否可以通过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 - 单击渲染窗口以使用指针锁定)但我希望闪光灯更逼真。这是一个具有所需效果的图像:

Flash Light "Ring" Effect

我已经尝试过查看文档,认为会有一些我可以加载的“地图” - 比如,也许它必须是alpha地图或其他东西。我仍然是3D游戏世界的新手,所以任何帮助都会受到赞赏。

感谢。

1 个答案:

答案 0 :(得分:3)

您可以尝试添加更多具有不同角度和不同参数值的聚光灯来创建响铃效果。

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 codepen中看到它的外观。 我认为如果你调整参数,你可以达到与你所寻找的效果类似的效果。