如何让 COLLADA 模型在 three.js 中自己投射阴影？

【问题标题】：How to make COLLADA models cast shadow on its own in three.js?如何让 COLLADA 模型在 three.js 中自己投射阴影？
【发布时间】：2012-06-01 22:24:55
【问题描述】：

我试过了：

dae.castShadow = true;
dae.receiveShadow = true;
scene.add(dae);

//spotLight is defined already.
spotLight.castShadow = true;

renderer.shadowMapEnabled = true;

但是模型仍然没有阴影？我做错什么了吗？请帮忙。

【问题讨论】：

标签： javascript three.js collada

【解决方案1】：

您需要为层次结构中的所有对象将castShadow 和receiveShadow 设置为true。

THREE.SceneUtils.traverseHierarchy( dae, function ( child ) {

    child.castShadow = true;
    child.receiveShadow = true;

} );

【讨论】：

Could not initialise shader 和 error(#201) Requires extension support 出现错误。 ???
添加代码后出现这2个错误。 :(（仅在 Firefox 中，在 Chrome 中可以。）

【解决方案2】：

three.js 发生了变化（见three.js migration r51--r52）：

将 SceneUtils.traverseHierarchy 替换为 object.traverse。

因此，现在为层次结构中的所有对象设置 castShadow 和 receiveShadow 的正确方法是：

dae.traverse(function(child) {
    child.castShadow = true;
    child.receiveShadow = true;
});

【讨论】：