添加图像

添加自动平铺背景图

我们有一张背景图如下图所示,我们希望背景图是由下图自动平铺形成背景,所以这里我们需要使用九宫格组件来实现这个效果。

首先选中背景图层,左键点击图层。选中时对应图层会加深背景颜色代表选中。

选中图层后按照提示操作,点击菜单栏上的九宫格按钮,或直接将九宫格拖拽至舞台。


拖入舞台后,在对象库右键九宫格重命名为背景。双击对象库九宫格,进入九宫格编辑器,点击左上方上传图片按钮(下图中红框的部分)即可打开本地文件,添加你想要的图片。

设置上下左右边距都为0,四边选择平铺,中心也选择平铺

点解确认回到舞台,修改九宫格的大小和位置,可以直接在舞台上选中九宫格拖拉蓝色边框修改位置和大小或在舞台上选中九宫格之后在右方属性中修改X,Y,W,H属性来修改。


这时候我们预览一下,可以看到自动平铺的背景图了。

添加精灵对象

背景图设置好之后,我们就可以往图层添加精灵对象了,精灵对象是我们实现游戏的基础,在我们这个赛车的游戏中,汽车,障碍物,赛道这些都是精灵对象。

添加汽车

首先我们需要先选中汽车图层,左键点击图层。选中时对应图层会加深背景颜色代表选中。

选中图层后按照提示操作,点击菜单栏上的精灵图按钮,或直接将精灵图标拖拽至舞台。

拖入舞台后,在对象库右键选择重命名汽为汽车。双击对象库对应的精灵图标,进入图片编辑器

由于我们插入的是一张静态的汽车图,所以只需要双击下方第一个小精灵图标或点击打开文件(下图中红框的部分)即可打开本地文件,添加你想要的图片。


点击确认,回到舞台,修改汽车的大小和位置,可以直接在舞台上选中汽车拖拉蓝色边框修改位置和大小或在舞台上选中汽车之后在右方属性中修改X,Y,W,H属性来修改。

添加赛道

跟上述添加汽车方法一样,选中赛道图层,新增一个精灵对象,命名为赛道,双击进入赛道图片编辑器,上传赛道图片,点击确认。

复制多个赛道,修改赛道的大小和角度。建立完整的比赛赛道。


这时候我们预览一下啊,发现汽车还是能跑出赛道之外,所以我们需要添加障碍物来阻止汽车跑出赛道之外。

添加障碍物

跟上述添加汽车方法一样,选中障碍物图层,新增一个精灵对象,命名为障碍物,双击进入赛道图片编辑器,因为我们的障碍物准备了两个图片,如下图所示。

对于这种同样的对象,我们可以使用一个精灵对象上传两帧动画,然后设置属性初始帧来显示不同的障碍物。
首先我们播放速度改成0,循环播放勾除掉。

然后上传我们第一个障碍物。第一帧障碍物添加方法点击下图红框所示位置。

第一个障碍物添加成功后,点击如下图红框所示位置,可以添加第二个障碍物。


点击确认回到舞台,我们可以看到障碍物对象初始帧是0.

我们复制一个障碍物,并且把新的障碍物初始帧改为1.

我们可以看到,通过初始帧的设置为1,障碍物变成了我们设置的第二帧图片了。