影子捕手在three.js /透明材料上的阴影

Question

我需要在boxMesh上投射阴影,而网格本身应该是不可见的.

我已经在three.js 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目录中.在这个 three.js示例中有一个使用它的示例,但它最适用于网格.

three.js r.75