首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ThreeJS r75 - TypeError: THREE.Animation不是构造函数

ThreeJS r75 - TypeError: THREE.Animation不是构造函数
EN

Stack Overflow用户
提问于 2016-04-01 19:54:42
回答 1查看 1.9K关注 0票数 1

我使用的是ThreeJS的最新版本(发布日期)。我正在尝试导入一个ThreeJS搅拌器模型与操纵动画。我在网上遇到的所有教程都提到了THREE.AnimationHandlerTHREE.Animation。但是我得到的错误是不存在这样的构造器。

当我浏览在线文档时,我可以看到它们:

Animation

AnimationHandler

这两个国家都不支持它们。在查看src文件时,我也没有在那里看到它们。我是不是漏掉了什么?

EN

回答 1

Stack Overflow用户

发布于 2016-04-01 23:10:34

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

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

代码语言:javascript
复制
 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);
}
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36355709

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档