Skill 广场
Web 3D骨骼与动作混合开发 Skill

Web 3D骨骼与动作混合开发.Skill

@cloudai-x/threejs-animation

4.8优秀AI 评分基础检查通过源自 GitHub

本功能专注于 Three.js 动画系统的工程化实现,涵盖从基础程序化运动(弹簧、平滑阻尼、周期振荡)到复杂动画体系的全套开发。支持基于 AnimationClip 与各类 KeyframeTrack(位置、四元数旋转、颜色、形态键等)构建自定义关键帧动画;支持解析并播放 GLTF 骨骼动画、对 SkinnedMesh 骨骼进行程序化姿态控制与物体挂载;支持 Morph Targets 面部表情驱动以及基于 AnimationMixer / AnimationAction 的多动作权重混合、渐变过渡与附加混合(Additive Blending),并提供视锥体剔除等渲染性能优化方案。

编程Web 3D前端工程师数字孪生与可视化开发人员H5轻量级3D游戏开发者2026-09-23 更新main

Web 3D骨骼与动作混合开发

本功能专注于 Three.js 动画系统的工程化实现,涵盖从基础程序化运动(弹簧、平滑阻尼、周期振荡)到复杂动画体系的全套开发。支持基于 AnimationClip 与各类 KeyframeTrack(位置、四元数旋转、颜色、形态键等)构建自定义关键帧动画;支持解析并播放 GLTF 骨骼动画、对 SkinnedMesh 骨骼进行程序化姿态控制与物体挂载;支持 Morph Targets 面部表情驱动以及基于 AnimationMixer / AnimationAction 的多动作权重混合、渐变过渡与附加混合(Additive Blending),并提供视锥体剔除等渲染性能优化方案。

它会先理解你的原始内容和目标,再按清晰的步骤完成处理。你不需要学习复杂命令,也不用理解背后的技术细节。

常见场景

它能帮你做什么?

01

02

03

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

为载入的 GLB 人物模型创建 AnimationMixer,实现从 Idle 到 Run 动作的 0.5 秒 crossFadeTo 交叉淡入淡出逻辑。

使用 VectorKeyframeTrack 和 QuaternionKeyframeTrack 编写一段包含位置弹跳和旋转翻转的自定义 AnimationClip。

从 SkinnedMesh 中查找 RightHand 骨骼,将外部武器 Mesh 作为子节点挂载,并调整偏移位置与朝向。

编写一段基于 Spring 弹簧物理算法的代码,让场景中的模型网格在受到位移输入后呈现平滑回弹效果。

适用人群

适合谁?

Web 3D前端工程师数字孪生与可视化开发人员H5轻量级3D游戏开发者三维交互界面设计师

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度