动画

简介

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