Question

我有两个collada文件（两个不同的场景：“01.dae”和“02.dae”）。我想在动画结束后第一次和右边显示01.dae我要加载并在同一画布上显示02.dae。（我正在尝试修改“webgl_loader_collada_keyframe.html”来执行此操作但到目前为止没有结果。）

我怎么能处理多个动画collada场景？我们将非常感谢源代码或任何提示或技巧！

感谢您的回答。我根据你的idae修改了我的代码，但不幸的是它没有用。你能看一下我的代码吗？

这是我的代码：

    loader.load( 'pump.dae', function ( collada ) {


        model = collada.scene;
        animations = collada.animations;
        kfAnimationsLength = animations.length;
        model.scale.x = model.scale.y = model.scale.z = 0.125; // 1/8 scale, modeled in cm

        init();
        start();
        animate( lastTimestamp );
        setTimeout(loadSecond,3000);                
    } );


    function loadSecond()
    {           
    loader2.load( 'pump2.dae', function ( collada2 ) 
    {

        scene.remove( model );              
        model2 = collada2.scene;
        animations2 = collada2.animations;
        kfAnimationsLength2 = animations2.length;
        model2.scale.x = model2.scale.y = model2.scale.z = 0.125; // 1/8 scale, modeled in cm

        init2();
        start2();
        animate2( lastTimestamp2 );

        //alert("second loaded");

    } );
    }

...

正如您所看到的，我使用

扩展了您的代码

scene.remove（model）;

删除上一个场景。

第一个场景显示然后消失，但新的secene不会加载。你有idae为什么？

（注意：我不知道我的第一个场景有多长。）

Answer 1

如果您知道动画有多长，可以使用setTimeout加载第二个模型。

var loader = new THREE.ColladaLoader();
loader.options.convertUpAxis = true;
loader.load('PATH TO MODEL', function colladaReady( collada){
    dae = collada.scene;
    skin = collada.skins[ 0 ];              
    dae.scale.x = dae.scale.y = dae.scale.z = 1;
    dae.updateMatrix();
    scene.add(dae);    
    render(); 
    setTimeout(loadSecond,3000);
});

function loadSecond(){
    var loader = new THREE.ColladaLoader();
    loader.options.convertUpAxis = true;
    loader.load('PATH TO MODEL', function colladaReady( collada){
        ///repeat model loading logic
}

setTimeout中的时间间隔等于动画的长度。

多个collada场景

1 个答案: