将.gLTF动画导入THREE.js

Question

我用搅拌器创建了一个简单动画的3D对象，然后我将其导出为.gLTF文件，我试图导入到THREE.js，但我只能导入3D对象，但无法加载动画，我如何加载动画到Three.js？

Answer 1

播放动画的最基本代码如下所示：

loader.load( 'models.glb', function ( gltf ) {

    var model = gltf.scene;
    var animations = gltf.animations;

    scene.add( model );

    //

    mixer = new THREE.AnimationMixer( model );

    var action = mixer.clipAction( animations[ 0 ] ); // access first animation clip
    action.play();

} );

然后，必须确保在动画循环中更新AnimationMixer的实例，如下所示：

var delta = clock.getDelta(); // clock is an instance of THREE.Clock
if ( mixer ) mixer.update( delta );

请查看webgl_animation_skinning_blending以查看此代码的实际效果。

three.js R109