3

我有一个使用three.js 铺满/堆叠三角形二维“纸”的屏幕。对象以随机位置/间隔添加,并且在 z 轴上彼此非常靠近,因此它们不会堆叠得太高。

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

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

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

外发光

任何指导将不胜感激,谢谢!

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

4

0 回答 0