如何在Three.js中动态切换“receiveShadow”？

Question

我有一个带有简单UI的Three.js场景。复选框表示对象receiveShadow属性的布尔值。在运行时，当我切换此复选框时，它不会反映场景中的更改。

如果我对castShadow执行完全相同的操作，则 可以正常工作。

您可能需要的一些导入代码段：
renderer.shadowMapEnabled = true;
material.needsUpdate = true;

如何为receiveShadow启用此功能？

Answer 1

如果您动态切换receiveShadow属性，则必须为材料设置needsUpdate标记。

mesh.receiveShadow = true; // or false
mesh.material.needsUpdate = true;

渲染器将needsUpdate标志重置为false。

three.js r.73