制作海报,长沙seo网站建设,做标准件生意上什么网站,wordpress图片云盘继续#xff0c;今天是第三节#xff0c;我们主要实现主人公的动画效果#xff0c;共有两种方法实现动画效果
一、通过AnimationPlayer节点实现动画效果
我们首先在player场景下#xff0c;player节点下添加AnimationPlayer节点#xff0c;添加方法是#xff0c;在play…继续今天是第三节我们主要实现主人公的动画效果共有两种方法实现动画效果
一、通过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我们可以预览一下效果跟第一种方法相同。 对比两种方法我更喜欢第二种方法因为第二种方法更直观不宜出错。 这节就到这了下节再见。谢谢朋友们的关注。
