ThreeJS:在盒子里放一盏灯以获得发光的效果

时间:2019-07-04 12:23:19

标签: javascript three.js 3d

我正在尝试从ThreeJS中的Beat Saber重新创建这个发光的盒子:

Beat Saber blocks

我首先在Blender中创建形状并导出OBJ。我已经将它作为几何图形加载到了3中:

My own recreation

接下来,我需要点照明。我尝试使用位于内部但朝外的RectAreaLight,效果很好:

light from within

我的问题是,与上面的屏幕截图相比,它看上去并不像它在发光,它看起来像是红色立方体上的亮白色三角形。我不确定如何使光线“溢出”到外部,如屏幕截图所示。也许我需要使用其他类型的灯吗?

1 个答案:

答案 0 :(得分:1)

您正在寻找什么通常由像素着色器完成。 看一下 glow bloom 着色器,例如:

https://threejs.org/examples/webgl_postprocessing_unreal_bloom.html