Godot的动画系统非常强大且灵活。 首先,让我们使用上一教程中的场景(“启动画面”)。目标是向初始图像添加“淡入”动画。这里有一个的情况下,只要复制:robisplash.zip。

添加动画播放器

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

../../_images/robisplash_anim_inspector.png选择此类型的节点后,将显示动画编辑器面板:

../../_images/robisplash_anim_editor.png动画编辑器面板将保持可见状态,直到手动隐藏为止。

制作动画

是时候创建一个新的动画了!按下“动画”按钮,然后从菜单中选择“新建”。出现对话框时,将动画命名为“简介”。

../../_images/robisplash_anim_button.png ../../_images/robisplash_anim_new.png现在我们有了动画,属性编辑器进入“动画编辑”模式。在此模式下,属性编辑器的每个属性旁边都会显示一个钥匙图标。在Godot中,可以对对象的任何属性进行动画处理:

../../_images/robisplash_anim_property_keys.png

编辑动画

徽标将从屏幕顶部出现。

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

../../_images/robisplash_anim_logo_inspector_key.png出现对话框时,请确认您正在创建新轨道。

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

../../_images/robisplash_anim_editor_keyframe.png单击此处,将编辑器光标及时向前移动:

../../_images/robisplash_anim_editor_track_cursor.png将徽标位置更改为,然后再次添加关键帧。对于具有不同值的两个关键帧,将进行动画处理。(118, 0)

../../_images/robisplash_anim_editor_keyframe_2.png在动画面板(或键盘)上按“从开始播放选定的动画”按钮将使徽标下降。Shift + D

../../_images/robisplash_anim_editor_play_start.png单击“加载时自动播放”按钮,将动画设置为在场景开始时自动开始。

../../_images/robisplash_anim_editor_autoplay.png最后,在运行场景时,动画应如下所示:

../../_images/out.gif