《深入讲解·Unity2D游戏实战》-奔跑吧!小朋友(一)
深入讲解·Unity2D游戏开发实战之
---《奔跑吧!小朋友》(一)
作者:OAOAAce
本章可以学习到的知识点:
1. 创建精灵
2. 修改精灵的名称
3. 创建文件夹
4. 添加精灵动画
5. Animation中Sample设置值的作用
6. 删除动画关键帧
7. 添加动画关键帧
8. 动画编辑器的基本操作
目录
1--->创建新的项目
2--->创建2D项目
3--->创建Sprite文件夹
4--->自动切割纹理图片
5--->创建2D Sprite
6--->给精灵创建动画
7--->使用动画编辑器编辑动画
1、创建新的项目
图1
2、创建2D项目
填入项目名称和项目保存地址后,并选择创建2D项目,如图2中的2D项目。然后点击Create Project来创建项目。
图2
3、创建Sprite文件夹
创建好项目之后,在Project视图中的Assets上右键点击鼠标,在弹出的对话框中,选择Create--->Folder 后,将此文件夹命名为Sprite。如图3、图4。
图3
图4
4、自动切割纹理图片
在这边我们使用Unity自带的精灵切割来做演示。在选中图片之后,在Inspector视图中修改Sprite Mode为Multiple。
Sprite Mode总共有三种,Single单独对应Sprite;Multiple对应SpriteSheet;Polygon主要是用于做优化,在一张图中放入更多的Sprite。
图5
接着点击Sprite Editor按钮。
图6
会出现如下图,选择Apply
图7
就会出现Sprite的编辑界面了。紧接着在编辑器中选择Slice,在跳出的弹窗中继续点击一下Slice按钮。这时该图片就已经自动切割好了,直接关闭Sprite编辑器。我们现在去Project视图中查看一下切割好之后的效果。
图8
选中run_girl图片并点击旁边的播放按钮,就可以展开切割好之后的效果了。
图9
5、创建2D Sprite
在顶部的菜单栏中选择GamaObject--->2D Object--->Sprite,创建一个2D精灵。
图10
然后修改此精灵名称为player。
图11
选择此精灵的默认图片。在Inspector视图中点击Sprite后边的圆点,选择run_girl_0,作为默认图片。
图12
这样就可以创建好了。
6、给精灵创建动画
先创建一个文件夹名为Animation用于存放动画资源。
图13
然后选中Hierarchy视图中的player精灵,然后选择菜单栏中为Window--->Animation
图14
就会弹出Animation的编辑窗口,在窗口中点击Create。
图15
创建一个新的Animation,命名为player,并保存。
图16
保存好之后,在Project视图中的Animation的文件夹中就会生成两个文件,其中 为clip文件,
为animator controler文件。
图17
7、使用动画编辑器编辑动画
选中Hierarchy视图中的player后,点击顶部菜单栏中的Window--->Animation,弹出Animation的编辑窗口,然后点击Add Property按钮,开始进行编辑。
图18
图19
点击Add Property按钮后,会弹出选择列表。展开Sprite Renderer列表,然后在其列表中点击Sprite选项后边的+号按钮。就会弹出Animation的编辑窗口了,如图20。
图19
Animation编辑器的使用方式其实与我们制作Flash动画的过程中使用的方式是相当类似的,都是在时间轴中插入关键帧。
图20
大家看到被我用方块圈住的地方就是时间轴,以秒为单位,初始的时间默认为1秒。时间轴的下方则是帧。编辑器默认的会给出开始帧和结束帧,如图上边0:00 与 1:00即为默认的开始帧与结束帧。
我们现在准备修改一下Samples的值,目前是60,代表的是在1秒内设置多少的帧数,目前就是60帧,就是说在1秒内总共设置60帧。在Animation编辑窗口中也可以看到从0:00到1:00的间隔虚线中总共就是60个虚线。
现在我们将Samples 改为10帧。对应的间隔虚线也会变成10个。
图21
然后在每个关键帧中创建动画。先选中时间轴0:01,然后点击Add Keyframe按钮,即可在此关键帧中添加动画,如图22。
图22
修改动画关键帧中的Sprite。在选中0:01关键帧后,点击Inspector视图中的Sprite后边的按钮,弹出Select Sprite的窗口,在此我们选择run_girl_1,即表示在0:01关键帧中的Sprite修改成run_girl_1,如图23。
图23
然后将0:02至0:08依次添加关键帧,修改Sprite为run_girl_2至run_girl_8,如图24。
图24
添加关键帧还可以使用鼠标右键来进行操作。选中时间轴之后,再点击鼠标右键就是出现选项栏,点击Add Key就可以添加关键帧,如图25。同时也支持删除关键帧Delete Key。Unity也提供了在Animation编辑窗口的快捷键Ctrl+Z与Ctrl+Y 来进行撤销、还原功能,很大力度的提高的操作的效率。
图25
好啦!本章内容暂时到这,下篇文章我们将继续拓展这个小游戏,会陆续增加对游戏主角的操作、增加脚本、增加背景音乐等功能。
注:项目中使用到的图片为网络上获取。若有侵权的地方,请联系我,我会主动删除图片。