带 alpha 蒙版的threejs 网格，投射阴影

Question

带有 alpha 蒙版的单个平面必须投射阴影。但它确实适用于整个平面 - 不应用 alpha 蒙版 -。

四处搜索我发现向网格添加 customDeptMaterial 应该可以做到：

var customDepthMaterial = new THREE.MeshDepthMaterial( {
            depthPacking: THREE.RGBADepthPacking,
            alphaMap: alphaTex,  
            alphaTest: 0.5
        } );
figures.customDepthMaterial = customDepthMaterial;

并不是说我很确定到底发生了什么，但我一定错过了一些东西，因为它一直在投射整个飞机

请看完整的小提琴： https://jsfiddle.net/truji7/gj7az9eo/34/

如何投射“alpha 过滤”阴影？

Answer 1

PointLights 是唯一一种使用MeshDistanceMaterial 而不是MeshDepthMaterial 的光源。

object.customDistanceMaterial = new THREE.MeshDistanceMaterial( {
    alphaMap: alphaTex,
    alphaTest: 0.5,
}

JSFiddle Example