《深入讲解·Unity2D游戏实战》-奔跑吧!小朋友(一)

发表于2016-10-06
评论1 1.32w浏览

深入讲解·Unity2D游戏开发实战之

---《奔跑吧!小朋友》(一)

作者:OAOAAce

 

 

本章可以学习到的知识点:

1.       创建精灵

2.       修改精灵的名称

3.       创建文件夹

4.       添加精灵动画

5.       AnimationSample设置值的作用

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 ModeMultiple

Sprite Mode总共有三种,Single单独对应SpriteMultiple对应SpriteSheetPolygon主要是用于做优化,在一张图中放入更多的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:001: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:020:08依次添加关键帧,修改Spriterun_girl_2run_girl_8,如图24

 

24

 

 

添加关键帧还可以使用鼠标右键来进行操作。选中时间轴之后,再点击鼠标右键就是出现选项栏,点击Add Key就可以添加关键帧,如图25。同时也支持删除关键帧Delete KeyUnity也提供了在Animation编辑窗口的快捷键Ctrl+ZCtrl+Y 来进行撤销、还原功能,很大力度的提高的操作的效率。

 

25

 

        

好啦!本章内容暂时到这,下篇文章我们将继续拓展这个小游戏,会陆续增加对游戏主角的操作、增加脚本、增加背景音乐等功能。

 

注:项目中使用到的图片为网络上获取。若有侵权的地方,请联系我,我会主动删除图片。

 

 

 

 

 

 

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

0个评论