Импортировать анимацию .gLTF в THREE.js - PullRequest
Новая
       62

Импортировать анимацию .gLTF в THREE.js

0 голосов
/ 02 октября 2019

Я использовал Blender для создания 3D-объекта с простой анимацией, затем я экспортировал его как файл .gLTF, я попытался импортировать в THREE.js, но я могу импортировать только 3D-объект, но не могу загрузить анимацию,как я могу загрузить анимацию в Three.js?

1 Ответ

1 голос
/ 02 октября 2019

Самый базовый код для воспроизведения анимации выглядит так: 

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

...