Question

我使用Blender创建了具有简单动画的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

将.gLTF动画导入THREE.js

1 个答案: