three.js中的影子捕捉器/透明材质上的阴影

Question

我需要在boxMesh上投下阴影，而网格本身应该是不可见的。

我在three.js上找到了一个technique GitHub问题跟踪器似乎几年前一直在工作，但现在不再了 - 它涉及创建一个新的着色器。

是否有任何其他方式或更新版本，现在不再工作的伎俩？

Answer 1

您可以使用THREE.ShadowMaterial在具有透明材质的网格上投射阴影。使用此模式：

var material = new THREE.ShadowMaterial(); 
material.opacity = 0.5; 

var mesh = new THREE.Mesh(geometry, material); 
mesh.receiveShadow = true; 
scene.add(mesh); 

THREE.ShadowMaterial是在examples/js/materials目录。在this three.js示例中有一个示例，但它在网格中效果最好。

three.js r.75