Three.js加载动画模型并控制播放
Three.js⽀持多种3D模型格式的⽂件加载。本例中我们以fbx⽂件为例。
⾸先当然是加载模型了。
1    loader.load("fbx/Naruto.fbx", function (mesh) {
2        scene.add(mesh);
3    }
以上代码为加载模型并添加到场景中。
这是⼀个多动画的模型。那么⾸先我们先获取它到底有多少个动作动画。
1        //  AnimationMixer 动画混合器是⽤于场景中特定对象的动画的播放器。当场景中的多个对象独⽴动画时，每个对象都可以使⽤同⼀个动画混合器。
2        mixer = new THREE.AnimationMixer( mesh );
3        console.log(mesh.animations.length);
这⾥输出的是28.那么就是说这个模型有28个动画动作。
现在我们来播放第⼀个动作动画
1        //  clipAction 返回所传⼊的剪辑参数的AnimationAction, 根对象参数可选，默认值为混合器的默认根对象。
2        //  第⼀个参数可以是动画剪辑(AnimationClip)对象或者动画剪辑的名称。
3        mixer.clipAction( mesh.animations[ 0] ).play();js控制css3动画触发
当你兴⾼采烈的localhost测试的时候发现。。好像并没有出现想像中的画⾯。
那么这是为什么呢。
因为要在你的循环中 加⼊

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。