千里之行,始于足下
零、 笔记
理解 精灵图 的概念,并学习使用 CharacterBody2D 节点 和 精灵图 创建玩家角色。
一、什么是精灵图
如下由多个图片合成的图片即精灵图:
二、导入游戏资产
第一步,在 res:// 目录下新建【资产】、【场景】、【脚本】文件夹;
第二步,在 res://场景 目录下新建【角色】文件夹;
第三步,将解压后的游戏资源包拖入【资产】文件夹(文末附下载链接);
三、创建玩家节点
第一步,点击 其他节点 创建当前场景的根节点 CharacterBody2D ,双击改名为:玩家1;
第二步,点击【+】以创建CharacterBody2D的子节点 AnimatedSprite2D (动画播放)和 CollisionShape2D (碰撞体);
四、添加动画与碰撞
第一步,创建精灵帧(SpritesFrame)
鼠标左键选中动画播放节点 AnimatedSprite2D ,在检查器中新建 SpriteFrames;
此时底部出现了 SpriteFrames 选项卡,用于添加精灵图以创建动画
第二步,添加动画帧;
找到 res://资产/Sprout Lands - Sprites - Basic pack/Characters 路径下的精灵表,以创建玩家空闲和行走动画
依图中顺序点击添加,创建动画(Tips:Ctrl + 鼠标滚轮 可以调整视图大小)
将该动画命名为空闲_前,表明这是角色空闲时,面朝前方的状态,并依此类推,创建空闲_左、空闲_右和空闲_后的动画
点击播放键 ▷ 测试动画是否播放正常,可更改 FPS (每秒帧数)以控制播放快慢
创建四个方向行走动画,步骤与空闲动画相同
与空闲动画不同的是,每个行走动画都需要关闭动画循环按钮
第三步,添加碰撞形状;
鼠标左键 选中 CollisionShape2D 节点,在检查器中新建 胶囊碰撞形状
调整后,我们保证胶囊形状略小于玩家即可
若发现玩家角色模糊不清,可以在项目设置中更改渲染纹理为 Nearest 后解决
完成玩家角色创建!
五、免费开源资产包
某开源网站精灵图资源包链接: 点击此处
-
进入链接后点击下图按钮
-
然后点击【No thanks,just take me to the downloads】(不了谢谢,只想下载)
-
最后点击下图按钮完成下载(注意导入前需解压缩)