如何在three.js中使用gltf模型投射阴影？

Question

嘿,我是三个js的新手,并想知道如何用gltf模型投下阴影？我可以看到这是可能的,因为它在这里工作 我假设我没有正确构建我的代码 -

var model = new THREE.GLTFLoader();
model.load('https://threejs.org/examples/models/gltf/Duck/glTF/Duck.gltf', function(gltf) {scene.add(gltf.scene);});
model.castShadow = true;

这是小提琴https://jsfiddle.net/steveham/ckpfwy24/87/

干杯!

Answer 1

您需要castShadow = true在每个子网格上设置,如下所示:

var loader = new THREE.GLTFLoader();

loader.load( 'https://threejs.org/examples/models/gltf/Duck/glTF/Duck.gltf', function( gltf ) {

    gltf.scene.traverse( function( node ) {

        if ( node instanceof THREE.Mesh ) { node.castShadow = true; }

    } );

    scene.add( gltf.scene );

} );

three.js r.91