Three.js:将阴影转换到网页上

Question

是否可以在 Three.js 中创建可以接收阴影的透明/不可见平面？我的目标是在没有背景的 3D Canvas 上绘制一些对象(这样我就可以看到 Canvas 元素后面的网页)。我希望该对象在背景上转换阴影，并且我想，如果我可以制作一个不可见的平面，那么网页背景仍然可见。阴影转换在平面上，看起来就像阴影转换在网页上一样。现在我可以制作一个不透明度为 0.5(或类似值)的白色平面，但这样平面是可见的。理想情况下，飞机应该完全不可见(阴影除外)。

编辑:我创建了一个示例(基于 this ): http://jsfiddle.net/s5YGu/2/

这里我的不透明度是0.5，但是你可以看到飞机。如果我将不透明度设置为 0，那么整个平面和阴影就会消失。

Answer 1

我通过破解基本着色器来完成这项工作，这是工作着色器代码 http://pastie.org/5088640

据我所知，它没有缺点，比如不透明度:0.1