添加图像

添加自动平铺背景图

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

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

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

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

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

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

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

添加飞猪

背景图设置好之后,我们就可以往图层添加精灵对象了,精灵对象是我们实现游戏的基础,在我们这个愤怒的飞猪的游戏中,飞猪,障碍物,发射台,发射台柱子这些都是精灵对象。

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

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

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

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

点击进入飞猪碰撞区域设置,因为我们希望飞猪是根据自己的身形跟其他的对象碰撞,所以我们进入碰撞区域设置飞猪的碰撞区域。

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

添加发射台柱子

跟上述添加飞猪方法一样,选中游戏图层,新增一个精灵对象,命名为发射台柱子,双击进入发射台柱子图片编辑器,上传发射台柱,点击确认。

复制多个发射台柱子,修改发射台柱子的大小和位置。

添加发射台

跟上述添加飞猪方法一样,选中游戏图层,新增一个精灵对象,命名为发射台,双击进入发射台柱子图片编辑器,上传发射台,点击确认。设置发射台大小和位置。

添加障碍物

跟上述添加飞猪方法一样,选中游戏图层,新增一个精灵对象,命名为障碍物,双击进入障碍物图片编辑器,上传障碍物,点击确认。

复制更多障碍物。并且把场景W设置成2300(在这里设置场景W宽度在设置事件时,视角跟随移动需要使用到)。