制作HTML5游戏2

通过上篇文章的学习，我们对construct2的各种功能有了初步的了解，接下来我们将根据自己的创意设计一款网页游戏。

由于技术上仍处于起步阶段，我设计了一款简单的玩家（nemo）躲避障碍物（海底管道）并到达终点的小游戏。首先，我下载了如下背景图：

将背景图平铺在background层上。然后，我设计了海底管道图，并找到了nemo的卡通形象作为玩家（精灵）。而网络上的图片带有白色背景，因此我用下图的橡皮擦功能将白色底色改为透明解决了这个问题。

接下来是对精灵进行behaviors添加，正如在上篇博客中所介绍的那样，用户可根据自己对游戏的构想，选择合适的行为。每点击一个行为，在界面下方将会出现这种行为的注释。

在整个页面的左侧，我们可以对动作的一些参数进行自定义，比如更改速度，方向和初始状态等等。

在上篇文章中我们没有提到的部分是，如何进行文字的添加。在layout界面中任意双击一处空白，在弹出窗口中选择text，然后将会出现如上图的界面，用户可以自定义文字的名字，类型和初始值。点击OK后，在左侧的面板中可以调整其参数，比如颜色，字体，大小等等。然后在event sheet页面可以添加acttion，对文字框中如何显示进行定义。需要注意的是，在此之前，一定要先设定一个global变量，否则将无法显示你所希望的数字。

然后一个简单的小游戏就做好了，每当nemo碰到一根海底水管，health值将会减少1，当health值达到0时，也就是game over的时候。

接下来，尽快开始你自己的游戏设计吧！