用construct2作HTML5的教程
安装构造2
如果您还没有，请在这里获取最新版本的Construct 2的副本。Construct 2编辑器仅适用于Windows，但是您制作的游戏可以在任何地方运行，例如Mac，Linux或iPad。构造2也可以安装在有限的用户帐户上。这也是便携式的，所以你可以安装到USB记忆棒，例如，随身携带！
入门
现在您已经设置好了，启动Construct 2.点击File按钮，然后选择New。
您将看到“模板或示例”对话框。
这显示了您可以在闲暇时进行调查的示例和模板列表。现在，只需点击框底部的“打开”即可创建一个空白的空白新项目。构造2将把整个项目保存在一个单独的.capx文件中。您现在应该查看一个空白的布局 -
设计视图，您在其中创建和定位对象。想想像游戏级别或菜单屏幕的布局。在其他工具中，这可能被称为房间，场景或框架。
插入对象
平铺的背景
我们想要的第一件事是重复的背景瓷砖。该平铺背景对象可以为我们做到这一点。首先，这是您的背景纹理 - 右键单击它并将其保存到您的计算机的某个地方：
现在，双击布局中的一个空格来插入一个新的对象。（稍后如果已满，也可以右键单击并选择“ 插入新对象”。）一旦出现“ 插入新对象”对话框，双击“平铺的背景”对象以插入它。
十字准线将显示给您指示放置物体的位置。点击布局中间的某个地方。在纹理编辑器会立即打开，你输入的纹理瓷砖。让我们导入您之前保存的平铺图像。单击文件夹图标从磁盘加载纹理，找到您下载文件的位置，然后选择它。
点击右上角的X关闭纹理编辑器。如果有提示，请确保您保存！现在，您应该在布局中看到您的平铺背景对象。让我们调整它来覆盖整个布局。确保它已被选中，然后左边的属性栏显示对象的所有设置，包括其大小和位置。将其位置设置为0，0（布局的左上角），其大小为1280,1024（布局的大小）。
让我们来调查我们的工作。按住控制键并向下滚动鼠标滚轮即可缩小。或者，点击查看
- 缩小几次。您也可以按住空格或鼠标中键来平移。整洁，嗯？你平铺的背景现在应该覆盖整个布局：
点击控制+ 0或点击视图 - 放大到100％返回到1：1视图。
（如果你像我这样不耐烦，点击窗口标题栏中的小'运行'图标 - 浏览器应该弹出显示你的平铺布局！
游戏玩法与教程相同，以《魔戒》中的精灵王子在丛林中射杀半兽人为主题。
教程里提到的方法就不细讲了。分享一下一个小白在两天中摸索出来的几个tips吧：
开始与结束画面可以放在同一个项目中新建的Layout上，再在事件表中添加 Go to layout “name”就可以实现画面之间的相互转换了。
Score等需要一直显示在屏幕某一位置的元素，可以在设置好主角处于屏幕*后，使这几个元素保持在一个固定的与主角的相对位置上，如图。
<img alt="使用Construct2制作HTML5游戏"
src="https://img-blog.csdn.net/20171006151542966?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2NjeHhtbw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="example" title="">
但这样仍然无法保证这些元素一直处于屏幕的一个固定位置，有时还是会跟着主角一起动起来。希望以后会想出更好的解决方案。
另一个改动就是在Player死后将角色图替换成了另一张。这样在玩的时候会感觉生动许多。具体做法也十分简单，即在死后摧毁原先的角色图并在原位置添加另一张。