three.js 动画

在Three.js中，动画系统是用来创建和控制模型动画的。动画系统包括AnimationMixer、AnimationAction等组件。\[1\]通常情况下，我们不会手动使用Three.js的动画系统来创建动画，因为这样做非常繁琐。更常见的做法是在建模软件如Blender中创建动画，然后在Three.js中播放。\[2\]

要使一个物体（如Mesh）能够接入动画系统并实现动画效果，我们需要将其与AnimationMixer建立联系。每个动画对象都需要使用一个单独的混合器，混合器负责根据动画剪辑的设定调整模型的状态，例如移动舞者的脚、手臂和臀部，或者移动飞鸟的翅膀。通过将一个静态的Mesh连接到混合器，我们可以将其转换为一个动画网格。\[3\]

在Three.js中，动画动作通过AnimationAction来表示。我们可以使用AnimationAction来控制动画的播放、暂停、循环等行为。通过设置不同的动画剪辑和动画动作，我们可以实现复杂的模型动画效果。
#### 引用[.reference_title]
- *1* *2* *3* [three.js进阶之动画系统](https://blog.csdn.net/qq_26822029/article/details/130441062)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]