ThreeJS进阶之动画系统（Animation system）

ThreeJS进阶之动画系统

概述

在three.js动画系统中，我们可以为模型的各种属性设置动画： SkinnedMesh（蒙皮和装配模型）的骨骼，
morph targets（变形目标）， 不同的材料属性（颜色，不透明度，布尔运算），可见性和变换。

动画属性可以淡入、淡出、交叉淡化和扭曲。 在相同或不同物体上同时发生的动画的权重和时间比例的变化可以独立地进行。

相同或不同物体的动画也可以同步发生。

为了在一个同构系统中实现所有这一切， three.js的动画系统在2015年彻底改变（注意过时的信息！）， 它现在有一个与Unity/虚幻4引擎类似的架构。我这里简要阐述了这个系统中的主要组件以及它们如何协同工作。

范例

let mesh;

// 新建一个AnimationMixer, 并取得AnimationClip实例列表
const mixer = new