如何在 Three.js 中克隆包含多个网格的 Collada 对象答案

【问题标题】：How to clone Collada object including multiple meshes in Three.js如何在 Three.js 中克隆包含多个网格的 Collada 对象
【发布时间】：2019-04-04 10:41:59
【问题描述】：

我已经加载了一个包含多个网格的 .dae 模型，并尝试克隆它但失败了。以下是我使用的代码。

loader.load( 'assets/model/deck.dae', function ( collada ) {
    deck = collada.scene;
    console.log(deck);
    window.referenceModel = deck.children[0];       
    refObject  = window.referenceModel;     
} );
var deckClone = new THREE.Mesh( refObject.geometry, refObject.material );
scene.add( deckClone );

此代码适用于包含一个网格的示例 .dae 文件，但不适用于我自己制作的另一个 .dae 文件。我制作的 .dae 文件由几个网格组组成。我会附上这些文件。这是示例 .dae 文件。 https://drive.google.com/file/d/13BCp6avslnpb1O8Q6xCqjE-ueojgz1AD/view 这是我自己制作的 .dae 文件。 https://drive.google.com/file/d/1BTIMs0IHHqrixvj45NXcZoh1PhEnm2Qr/view

我想知道如何从第二个 .dae 文件中克隆对象，或者如何将第二个转换为具有相同结构（一个网格）文件的 .dae 文件。

【问题讨论】：

标签： three.js collada sketchup

【解决方案1】：

当您执行 deck.children[0] 时，您只针对场景的一个子节点，所以它当然只会克隆那个网格。

试试.clone()方法as mentioned in the docs，它会遍历它的所有后代并为你克隆它们。

loader.load( 'assets/model/deck.dae', function ( collada ) {
    deck = collada.scene;
    var deckClone = deck.clone(true);
    scene.add(deckClone);
} );

此外，您在 .load() 回调函数之外添加了 deckClone ，这意味着它将在 .dae 文件加载之前执行，并且这样你就会遇到错误和问题。确保在回调函数中将克隆的对象添加到场景中。

【讨论】：