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