使用three.js在2D对象周围发光

时间:2013-04-10 21:26:08

标签: 2d three.js webgl shadow glow

我的屏幕上装满了使用three.js的2D“纸张”的平铺/堆叠三角形片段。对象以随机位置/间隔添加,并且在z轴上非常彼此靠近定位,因此它们不会堆叠得太高。

我的照明完全符合我想要的凹凸贴图和形状阴影......但是形状本身没有强化阴影。这是因为物体太靠近在一起无法获得所需的效果,我不想弄乱当前的光源。投射阴影也只能在一个方向上(与光源相对)......而我试图在整张纸周围得到一个阴影(实际上是外部发光)。

因此,我试图创建一个外部发光,或者至少找到一个合理的解决方案来解决整个形状周围的软阴影。我附上了一张图片,说明了我想要完成的事情......本质上它就像一个CSS盒子阴影效果。

box-shadow:  0px 0px 18px rgba(50, 50, 50, 0.75);

Outer Glow http://f.cl.ly/items/0e3g3U3G2T0A232s1j3c/shadows.png

非常感谢任何指导,谢谢!

tl; dr:尝试在three.js中围绕2D形状创建外部发光

0 个答案:

没有答案