Three.js:将阴影投射到网页上

tim*_*asr 3 three.js

是否有可能在three.js中创建透明/不可见的平面,它可以接收阴影?我的目标是在没有背景的3d画布上绘制一些对象(所以我可以在canvas元素后面看到网页).我希望对象在背景上投射阴影,我想,如果我能制作一个隐形飞机,那么网页背景仍然可见.阴影在平面上投射,看起来阴影在网页上.现在我可以制作一个不透明度为0.5(或类似)的白色平面,但这样平面就可见了.理想情况下,平面应该是完全不可见的(阴影除外).

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

这里我有不透明度0.5,但你可以看到飞机.如果我将不透明度设置为0,则整个平面和阴影消失.

skr*_*rat 5

我通过黑客攻击基本着色器来完成这项工作,这里有着色器代码http://pastie.org/5088640

它没有AFAIK的缺点,如不透明度:0.1