threejs 骨骼动画(蒙奇动画)

AnimationMixer是场景中特定对象的动画播放器。当场景中的多个对象独立动画时,可以为每个对象使用一个AnimationMixer。

            let animations = gltf.animations;
            self.mixer = new THREE.AnimationMixer(self.model);
            let idleAction = self.mixer.clipAction(animations[0]);//通过动画数据创建播放器
            let runAction = self.mixer.clipAction(animations[1]);
            let walkAction = self.mixer.clipAction(animations[3]);
            self.actions = [idleAction, walkAction, runAction];
            self.actions[1].play();//直接调用播放器的播放事件让动画播放
            // self.actions[1].setDuration(5).play();//单位是秒
            self.animate();

在循环渲染中更新混合器。

animate() {
            requestAnimationFrame(this.animate);
            let mixerUpdateDelta = this.clock.getDelta();
            if (this.mixer) this.mixer.update(mixerUpdateDelta);
            this.renderer.render(this.scene, this.camera);
        }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值