微信小程序H5射击游戏唤境制作教程分享

今天是我最喜欢的射击游戏！！话不多说，直接进入正题吧~！

点击这里来下载工程文件，
预览状态下，使用键盘上下左右按键可以让玩家上下左右行走，点击鼠标左键玩家可以发射子弹；当玩家子弹射中怪物时，怪物会被消灭；当怪物碰撞到玩家，玩家被消灭，游戏结束。

点击这里下载工程中所用的素材哦~

1.新建项目

首先，打开唤境，点击欢迎页左上角的新建项目按钮。

在弹出的项目设置中，选择窗口尺寸为1920*1080。命名为“俯角射击”。

点击确定，即可进入我们新建的项目中。

设置游戏图层组

一个场景中可以包含多个图层组，您可以使用多个图层对对象实例进行分组。把不同的对象实例放在不同的图层里面，这样您就能轻松地排列哪些对象实例出现在其他对象实例之上，并且可以隐藏、锁定图层组、应用视差效果等等。

为了方便我们制作游戏时分层，所以我们在制作游戏前先建立两个图层组，分别是背景层，角色层。

新建图层的方法：

1). 双击场景，进入指定场景中。

2). 场景下默认已经有一个图层组：“图层组0”，右键图层组0可以修改图层组名字，将其修改为背景。

3). 点击左上方的按钮，即可添加新图层组；添加完成后，将新图层组的名字修改为“角色”。

至此，我们已经做好了实现俯视角射击游戏的准备工作，下面就可以开始添加素材了~

2. 添加图像

图层组建立好之后，我们就可以往图层组中添加图像了。在唤境中，图像是通过精灵对象实现的；在我们的俯角射击游戏中，玩家、怪物、子弹、爆炸效果、背景这些都是精灵对象。精灵对象可以是一张静态的图片（如背景图、玩家、怪物、子弹、爆炸效果等），也可以是一组图片做成动画的效果。

2.1 添加背景图

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

选中图层后，点击菜单栏上的精灵图按钮，或直接将精灵图标拖拽至舞台。

拖入舞台后，在对象库右键重命名为背景，双击对象库对应的精灵图标，进入图片编辑器。

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

修改背景图的位置，使其左上角与舞台的左上角重合。您可以直接在舞台上选中背景图拖拉蓝色边框修改位置或在舞台上选中背景图之后在右方属性中修改X、Y属性来修改。

2.2添加玩家

我们选中角色图层，左键点击角色图层。选中时对应图层会加深背景颜色代表选中。

选中图层后，点击菜单栏上的精灵图按钮，或直接将精灵图标拖拽至舞台。

拖入舞台后，双击对象库对应的精灵图标，进入图片编辑器，上传玩家图。点击确认。