three.js - 为什么这个 Threejs 克隆组通过 GLTFLoader 行为不当加载？

Question

所以我试图从 Three.js 示例中克隆士兵模型，因为我以后想要不止一个: https://threejs.org/examples/webgl_animation_skinning_blending.html

我将第 93 行更改为:

            const loader = new GLTFLoader();
            loader.load( 'https://threejs.org/examples/models/gltf/Soldier.glb', function ( gltf ) {

                model = gltf.scene.clone();
                scene.add( model );

                model.traverse( function ( object ) {

                    if ( object.isMesh ) object.castShadow = true;

                } );

但是现在士兵很大。

为什么会发生这种情况，是否有解决办法？

这是一个显示问题的 jsfiddle:

https://jsfiddle.net/paranoidray/jLpzk374/22/

如果您查看 jsfiddle 并更改第 93 行并删除 clone() 调用。一切重新开始......

非常感谢任何帮助。

Answer 1

请像这样克隆gltf.scene:

model = SkeletonUtils.clone( gltf.scene );

核心尚不支持蒙皮网格的克隆。但是，您可以使用 SkeletonUtils.clone() 来执行此任务。

https://jsfiddle.net/yesxrq7g/