在 Composer 动画中,零件渐隐需通过 opacity 关键帧实现,配合 forwards 填充模式保持最终透明状态,避免使用 visibility 或 display;操作路径为选中零件→效果→淡出,注意关闭洋葱皮/X射线、错开其他动画时间以确保自然过渡。

在 Composer 动画中,让零件“消失”时不是突兀地隐藏,而是渐隐(fade out),关键不在删模型或切视图,而在控制 opacity 属性并配合适当的动画填充模式。
为什么直接设 visibility: hidden 或 display: none 不行
Composer 的动画系统不支持对 display 属性做关键帧过渡——它压根不识别这个属性。而 visibility: hidden 虽然能隐藏,但没有过渡效果,动画一到帧就“啪”地消失,破坏节奏。真正可用、且被 Composer 原生支持的是 opacity:它可插值、可打关键帧、渲染开销低。
-
opacity: 0时零件完全透明,但仍占据空间、可被选中(除非额外加pointer-events: none) - 必须配合
forwards填充模式,否则动画播完 opacity 会弹回初始值 - 单独改 opacity 不影响爆炸/平移等位置动画,可叠加使用
在 Composer 时间轴里添加 opacity 渐隐的关键帧
Composer UI 中不暴露 CSS 属性名,但它的「属性关键帧」底层就是操作 opacity。操作路径很固定:
工作流任务拆解与模型编排技能。使用场景:(1) 收到复杂工作任务需要拆解为可执行步骤,(2) 需要为不同步骤选择最合适的模型,(3) 需要跟踪工作流进度和模型使用情况,(4) 长时间任务卡住需要问题诊断和解决方案。
- 把时间条拖到你想开始淡出的帧(比如第 5 秒)
- 选中目标零件(Ctrl+单击或多选)
- 点击时间轴工具栏上的
效果→ 选择淡出 - Composer 会自动在当前位置插入两个关键帧:
opacity从 1 → 0,并应用缓动曲线 - 检查关键帧轨迹:右键关键帧 → “属性” 可确认是否为
opacity类型
容易被忽略的三个细节
渐隐效果做出来却“不自然”,往往卡在这三点:
- 没关掉「洋葱皮」或「X射线」Digger 效果:这些视图增强工具会覆盖 opacity 设置,导致淡出失效
- 淡出终点帧没启用
forwards:动画播完零件又“闪现”回来,实际是 opacity 回退了 —— 必须在效果设置里勾选“保持最终状态”或等效选项 - 和其他动画冲突:比如同时对同一零件设了「平移」和「淡出」,若时间不对齐,会出现“边移边闪”或“先闪再移”。建议淡出起始点比位移动画晚 0.2s,收尾早 0.1s
真正难的不是加淡出按钮,而是判断该在哪一帧启动、持续多久、和哪个动作错峰。一个电池盖板拆卸动画里,淡出通常不该从“刚离开螺孔”就开始,而要等它移出视野边界前 0.3 秒切入——这才是人眼觉得“顺”的节奏。

















