跳转到使用指南
Three.js Animation作者 CloudAI-X

Three.js Animation Skill.

为已加载的角色或产品模型制定明确的播放与混合策略。

  • 3D
  • Three.js
来源审阅 · Three.js AnimationSKILL.md
任务 3D 产出 • 经过核对的片段清单与播放计划 • 用于过渡的混合器和动作逻辑 • 与场景时间绑定的程序化或形态目标运动 开始之前 需要一个可运行的 Three.js 项目和渲染器;请对照已安装的版本核实来源中的示例。其他控制器和加载器取决于所选方案。
编辑摘要 · 已审阅来源 2026-10-07 · 非生成的示例

01 功能说明

Three.js Animation:混合动画片段与程序化运动

涵盖片段、混合器、动作、骨骼动画和形态动画,以及混合与程序化运动的模式。

基于来源的工作流程并非执行基准测试

工作方式

Three.js Animation 专注于场景内的运动:程序化移动、关键帧轨道、骨骼姿态和形态目标。它将存储的动画片段、推进片段的混合器以及控制其播放的动作区分开来。

混合是核心用例。加权动作和交叉淡化可在待机与行走等状态之间实现受控过渡。这些实现模式需要对真实模型进行检查;技能无法保证导入的资源包含预期的骨骼绑定、目标或片段。

预期交付物

  • 经过核对的片段清单与播放计划
  • 用于过渡的混合器和动作逻辑
  • 与场景时间绑定的程序化或形态目标运动
查看示例需求

从需求到审阅

  1. 01
    检查模型

    在选择运动方案之前,先列出片段名称、骨骼和形态目标。

  2. 02
    设定播放规则

    定义速度、循环方式、动作权重,以及播放完毕的片段是否应保持最后一个姿态。

  3. 03
    混合与审阅

    用以秒为单位的帧间隔(而非总经过时间)推进混合器,然后检查过渡是否有跳变以及是否存在不必要的活动更新。

02 适用场景

适用场景

需要一个可运行的 Three.js 项目和渲染器;请对照已安装的版本核实来源中的示例。其他控制器和加载器取决于所选方案。

适合的情况

  • 带动画的 GLTF 资源当现有模型带有需要选择和控制播放的片段时使用。
  • 分层运动将基础移动与叠加动作或单独的程序化调整结合起来。

需要核查的限制

  • 不创建绑定骨骼示例作用于现有的蒙皮网格;它们不会创建缺失的角色骨骼。
  • 类型化轨道需要核查请根据实际属性类型和已安装的版本调整示例轨道和目标路径。

请提供这些输入

  • 模型数据提供资源文件以及已知的片段或形态目标。
  • 状态变化说明哪些用户操作会切换运动状态。
  • 播放约束设定中断、循环和速度方面的预期。

03 关键决策

关键决策

  1. 三种不同的角色

    区分片段、混合器和动作,有助于解释为什么有效的运动数据可能不会显示播放效果。

  2. 精心设计的过渡

    交叉淡化和权重让状态切换在视觉上衔接得更周到。

04 示例任务

试用一个聚焦的需求

下方的示例需求尚未经过测试。使用前请先检查该技能的设置。

查看设置

将相应的 threejs-skills 目录用作智能体的指导。它不是 Three.js 运行时,也不会安装场景资源。

上游源文件
https://github.com/CloudAI-X/threejs-skills/blob/b1c623076c661fc9b03dac19292e825a5d106823/skills/threejs-animation/SKILL.md

需要一个可运行的 Three.js 项目和渲染器;请对照已安装的版本核实来源中的示例。其他控制器和加载器取决于所选方案。

从一个交付物开始

运行该技能之前,请根据需要调整此需求中的范围、来源材料和约束。

示例需求
使用 threejs-animation 检查我提供的 GLB 中的片段,并实现从待机到行走的过渡。不要假设片段名称。说明混合器的更新方式和循环设置,然后测试返回待机时是否出现姿态跳变。

检查结果

对照以下可观察的标准检查实际输出。

  • 使用前已核实片段名称。
  • 混合器正常推进,过渡保持连贯。
  • 未激活的动画不会保留不必要的更新。

OpenDesign 为编码智能体提供本地设计工作区。此列表并不意味着该技能已被捆绑,也不意味着其外部工具、凭据和软件依赖已包含在内。

05 来源与许可证

来源与许可证

本页描述的是下方链接的固定来源版本。上游的行为和要求可能会发生变化。

来源所有者
CloudAI-X
许可证
未确认——复用前请查阅上游条款。
已审阅快照
2026-10-07 · b1c623076c66
编辑来源摘要
涵盖片段、混合器、动作、骨骼动画和形态动画,以及混合与程序化运动的模式。

由 OpenDesign 依据所链接的来源撰写的原创摘要。仓库星标数是带有日期的热度信号,并非技能使用量或质量评分。

06 开始前的问题

开始之前的常见问题

它会创建骨骼吗?

不会。该来源作用于现有的蒙皮网格及其骨骼。

没有导入的片段也能做动画吗?

可以。它包含程序化运动和手工编写的关键帧轨道。

动作控制什么?

通过混合器控制片段的播放、速度、循环、权重和混合。

OpenDesign

为下一次设计迭代留出空间。

将你的需求、来源材料和设计工作集中保存在本地工作区。将该技能加入工作流程之前,请先查看其自身的设置。

上游源文件
https://github.com/CloudAI-X/threejs-skills/blob/b1c623076c661fc9b03dac19292e825a5d106823/skills/threejs-animation/SKILL.md