threejs-animation
Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.
- 分类
- 开发提效
- 版本
- v1.0.0
- 作者
- 弈韬(@ra1nzzz)
- 下载
- 1
- 收藏
- 0
- 发布
- 2026-08-25
- 更新
- 2026-08-25
- TRACE 评分
- 3.4 / 5
内容概览
Three.js animation system has three main components: 1. AnimationClip - Container for keyframe data 2. AnimationMixer - Plays animations on a root object 3. AnimationAction - Controls playback of a clip Stores keyframe animation data. Plays animations on an object and its descendants. Controls playback of an animation clip. Most common source of skeletal animations. Blend between different mesh shapes. Mix multiple animations together. 1. Share clips : Same AnimationClip can be used on multiple mixers 2. Optimize clips : Call clip.optimize() to remove redundant keyframes 3. Disable when off-screen : Stop mixer updates for invisible objects 4. Use LOD for animations : Simpler rigs for distant characters 5. Limit active mixers : Each mixer.update() has a cost - threejs-loaders - Loading animated GLTF models - threejs-fundamentals - Clock and animation loop - threejs-shaders - Vertex animat…