javascript - ThreeJS r75 - TypeError : THREE. 动画不是构造函数

Question

我正在使用 ThreeJS 的最新版本(发布日期)。我正在尝试导入带有绑定(bind)动画的 ThreeJS Blender 模型。我在网上看到的所有教程都提到了 THREE.AnimationHandler 或 THREE.Animation。但是我收到错误消息说不存在这样的构造函数。

在线查看文档时，我可以看到它们:

Animation

AnimationHandler

它们都没有被贬低。查看 src 文件时，我也没有看到它们。 我在这里遗漏了什么吗？

Answer 1

几天前我遇到了同样的问题。我发现在最近的版本中已经实现了新的动画系统。这篇文章帮助了我 - New skinned mesh animation system in three.js .好像文档还没有更新。

所以在我的例子中，我需要在 json 中导入模型并启动动画，代码如下所示:

 var loader = new THREE.ObjectLoader(),
     clock = new THREE.Clock(),
     mixer;

 loader.load('models.json', function (object) {
    // Get object animation
    var sceneAnimationClip = object.animations[0];

    // Create animation mixer and pass object to it
    mixer = new THREE.AnimationMixer(object);

    // Create animation action and start it
    var sceneAnimation = mixer.clipAction(sceneAnimationClip);
    sceneAnimation.play();

    scene.add(object);

    render()
});

function render() {
    requestAnimationFrame(render);

    // Update animation   
    var delta = clock.getDelta();
    if( mixer ) {
        mixer.update( delta );
    }

    renderer.render(scene, camera);
}