碎言博客
·
Godot 4 补间动画 (Tween) 指北
💡
原文中文，约3600字，阅读约需9分钟。
📝
内容提要
Godot 4 的新 Tween 系统通过代码简化动画创建，支持多种过渡和缓动模式。仅需两行代码即可实现平移动画，适用于动态 UI 和物品掉落，自动管理生命周期。
🎯
关键要点
- Godot 4 的新 Tween 系统通过代码简化动画创建，摒弃传统节点式操作。
- Tween 适合程序化、动态的 UI 反馈、物品掉落和数值平滑变化。
- 创建平移动画只需两行代码，动画在 1 秒内平滑移动到目标位置。
- set_trans() 用于设置过渡类型，决定动画的性格。
- set_ease() 用于设置缓动模式，决定动画的时间曲线表现。
- 推荐的经典组合包括自然的 UI 弹出、丝滑的淡入淡出等。
- 提供了动态演示的代码示例，展示不同的 Tween 曲线效果。
- set_loops() 让动画自动重复，tween_interval() 用于在往返运动之间加入停顿。
- Tween 运行完会自动消失，无需手动释放资源。
- 可以通过 tween.kill() 中断动画。
❓
延伸问答
Godot 4 的 Tween 系统有什么特点？
Godot 4 的 Tween 系统通过代码简化动画创建，摒弃传统节点式操作，适合动态 UI 和物品掉落。
如何创建一个简单的平移动画？
只需两行代码：var tween = create_tween(); tween.tween_property($Sprite2D, 'position', Vector2(600, 300), 1.0)。
Tween 中的 set_trans() 和 set_ease() 分别有什么作用？
set_trans() 用于设置过渡类型，决定动画的性格；set_ease() 用于设置缓动模式，决定动画的时间曲线表现。
有哪些推荐的 Tween 组合可以使用？
推荐的组合包括：自然的 UI 弹出（TRANS_BACK + EASE_OUT）、丝滑的淡入淡出（TRANS_SINE + EASE_IN_OUT）。
Tween 动画的生命周期是怎样管理的？
Tween 运行完会自动消失，无需手动释放资源，简化了生命周期管理。
如何中断正在进行的 Tween 动画？
可以通过调用 tween.kill() 来中断动画。
➡️
