动画

简介

Godot的动画系统非常强大和灵活.

首先, 让我们使用前面教程中的场景( 启动画面 ). 目标是添加一个 淡入 动画到起始图像. 为了防万一, 这里是一个副本: robisplash.zip.

添加一个动画播放器

首先, 将一个 AnimationPlayer 节点添加到场景中, 作为 background (根节点)的子节点:

../../_images/robisplash_anim_inspector.png

当选择这种类型的节点时, 动画编辑器面板会出现:

../../_images/robisplash_anim_editor.png

动画编辑器面板保持可见, 直到手动隐藏.

创建动画

是时候创建一个新的动画了！按下动画按钮, 然后在菜单中选择新建. 在出现的对话框中输入动画名称 intro.

../../_images/robisplash_anim_button.png ../../_images/robisplash_anim_new.png

现在我们有一个动画, 属性检查器进入 动画编辑 模式. 在此模式下, 属性检查器的每个属性旁边都会显示一个钥匙图标. 在Godot中, 对象的任何属性都可以被动画化:

../../_images/robisplash_anim_property_keys.png

编辑动画

Logo将从屏幕顶部出现.

在动画编辑器面板打开的情况下, 选择 logo 节点, 并将 Rect / Position 属性设置为 (118, -400), 然后按该属性旁边的键按钮以添加关键帧:

../../_images/robisplash_anim_logo_inspector_key.png

当对话框出现时, 证明您正在创建一个新轨道.

关键帧将添加到动画播放器编辑器中:

../../_images/robisplash_anim_editor_keyframe.png

点击此处, 将编辑器光标及时向前移动:

../../_images/robisplash_anim_editor_track_cursor.png

将 logo 的位置改为 (118, 0), 并再次添加一个关键帧. 当有两个具有不同值的关键帧, 将产生动画.

../../_images/robisplash_anim_editor_keyframe_2.png

在动画面板按下 从开始播放播放所选动画 .(或者按下 Shift+D) 将使 logo 下降.

../../_images/robisplash_anim_editor_play_start.png

点击 加载时自动播放(Autoplay on Load) 按钮, 将动画设置为在场景开始时自动开始.

../../_images/robisplash_anim_editor_autoplay.png

最终, 当运行场景时, 动画应该是这样的:

../../_images/out.gif