【研发类-游戏开发Skills】threejs-animation 技能

Three.js动画系统 - 关键帧动画、骨骼动画、变形目标、动画混合。用于动画对象、播放GLTF动画、创建程序运动或混合动画。技能概述下载地址agentic-awesome-skills/skills/threejs-animation at main · sickn33/agentic-awesome-skills · GitHubthreejs-animation 技能提供了Three.js动画系统的全面指导帮助开发者创建流畅的3D动画、播放GLTF动画、实现骨骼动画和变形目标动画。主要功能关键帧动画创建和播放关键帧动画骨骼动画实现角色骨骼动画系统变形目标在网格形状之间混合动画混合混合多个动画GLTF动画加载和播放GLTF模型动画程序动画创建程序运动效果触发条件在以下情况下应该调用此技能需要在Three.js中动画对象、骨骼、变形目标或导入的GLTF动画任务涉及mixers、clips、关键帧、程序运动或动画混合在Three.js场景中构建运动行为而不是静态渲染动画系统概述Three.js动画系统有三个主要组件AnimationClip关键帧数据容器AnimationMixer在根对象上播放动画AnimationAction控制剪辑的播放关键帧轨道类型NumberKeyframeTrack单值轨道如透明度VectorKeyframeTrack向量轨道位置、缩放QuaternionKeyframeTrack四元数轨道旋转ColorKeyframeTrack颜色轨道BooleanKeyframeTrack布尔轨道StringKeyframeTrack字符串轨道变形目标常见状态LoopRepeat循环播放默认LoopOnce播放一次并停止LoopPingPong交替前进/后退最佳实践共享clips同一AnimationClip可用于多个mixers优化clips调用clip.optimize()删除冗余关键帧离屏时禁用停止不可见对象的mixer更新使用LOD动画远处角色使用更简单的骨骼限制活动mixers每个mixer.update()都有成本限制说明仅在任务明确匹配上述范围时使用此技能不要将输出作为环境特定验证、测试或专家审查的替代品如果缺少所需的输入、权限、安全边界或成功标准请停止并请求澄清