继续,今天是第三节,我们主要实现主人公的动画效果,共有两种方法实现动画效果
一、通过AnimationPlayer节点实现动画效果
我们首先在player场景下,player节点下添加AnimationPlayer节点,添加方法是,在player节点单击右键选择添加子节点,在对话框中选择AnimationPlayer节点。操作过程如下图:
这样我们在中间的羡慕会出现一个动画设置面板。单击动画面板中的动画按钮,在弹出的菜单中选择新建,过程如下图:
在弹出的创建动画框中输入动画名称为:Walk,这样我们的动画设置会发生变化,出现一个层级,名称为Walk,如下:
在该图片小1处,我们可以调整帧的显示宽度。
下面我们在Sprite2D的检视器中找到Animation中Frame属性中调整关键帧为5,单击右侧的关键帧按钮,这样就会在我们的动画设置面板中添加一个关键帧,这个过程如下图:
这里需要说明的是单击关键帧按钮会有一个弹出框,我们默认就行,直接点击创建就OK了。
同样方法依次把关键帧6,7,8,9,10帧插到动画控制面板中,然后动画时长设置0.6;加载后自动播放选中;动画循环选中,设置过程如图。
这样我们的动画就设置好了,我们可以预览一下:
这样我们第一种时限动画的方法就OK了。
二、通过AnimatedSprite2D节点实现动画效果
这种方法,我们需要把Sprite2节点和AnimationPlayer节点删掉,删掉节点方法很简单在节点上点击右键选择删除节点,或者直接点击键盘上的Delete就可以。
需要给Player添加AnimatedSprite2D,添加方法跟添加其它节点方法一样。添加完节点后再AnimatedSprite2D中Animation属性下的sprite frame中选择新建sprite frame,如下图:
然后选择AnimatedSprite2D节点,我们中间下半部分会显示动画帧面板,在这里面双击default将名称修改为Walk,然后在上方的快捷工具图标中选择从精灵表中添加帧按钮,过程如下:
这样在打开文件对话框中选择res://Sprites/Player/player.png,打开帧选择帧界面。在该界面中,我们先将水平设置为5;垂直设置为9,然后再精灵表中选择6—11张精灵图,过程如图
然后在动画帧面板中选中加入后自动播放按钮,选中动画循环按钮,动画速率设置为10FPS,设置效果如下:
这样就ok,我们可以预览一下,效果跟第一种方法相同。
对比两种方法,我更喜欢第二种方法,因为第二种方法更直观,不宜出错。
这节就到这了,下节再见。谢谢朋友们的关注。