街头霓虹灯的发光效果

Question

有人对在Three.js中实现这种发光效果有什么建议吗？

1. 有一个TextGeometry网格
2. 某些BoxGeometry网格作为背景

如何使它们之间发光？ 我试图在文本和框之间放置许多PointLight，但是在大约20个PointLight之后，场景变得非常慢。我试图放一些RectAreaLights，但还是一样。

Answer 1

有人对在Three.js中实现这种发光效果有什么建议吗？

典型的方法是通过后处理。 three.js提供了一个所谓的“ Bloom”传递，下面的示例对此进行了演示：webgl_postprocessing_unreal_bloom。我建议您从此设置开始。

，但是在大约20点PointLights之后，场景变得非常慢。我试图放一些RectAreaLights，但还是一样。

通常，将这种数量的光源添加到three.js场景中并不是一种好方法。如果将一些具有明亮材质颜色的小球形网格物体（基于THREE.SphereGeometry）放置到文本上，则可以通过Bloom Pass获得良好的效果。