使用construct2制作射击小游戏

简介

本次我们使用construct2制作一个HTML5 射击小游戏。
目的是player方向由鼠标操控，移动由键盘控制，同时拥有计分标志。

背景

建立好新空白页后，我们首先需要为游戏安排一个背景图，选择一张你喜欢的背景图，双击空白处，会出现添加元素的选项，选择 Tiled Background object，再点击空白页的中间位置，这时只需要将你选择好的背景图放入再关闭窗口就OK啦。


此时背景就上传好了。

层次

接下来我们需要在背景上再添加一个层次，点击右边的 Layers tab，再添加一个层次，注意此时最好先将上一个层次锁定，避免在接下来的制作中带来干扰。再点击新加层次，现在我们的制作就在新层次上进行。

元素

任何一个游戏都必须有玩家，怪兽等元素，现在我们需要把选好的元素加入游戏中。这次我们的射击游戏需要添加player，monster，bullet，explosion四种元素。双击背景，选择spirit，添加元素并修改名字。并且双击背景，添加Mouse元素。
按住Ctrl键，拉动monster，就可以复制更多的monster。

行为

接下来我们为元素添加行为，点击左边的Behaviors中的add，选择player，添加8Direction，

按上述做法，继续为player添加Scroll To，Bound To Layout等行为，

其他需添加的行为：
Bullet：Bullet movement，Destroy outside layout
Monster：Bullet movement
Explosion：Fade

接下来在左边的Behavior界面为各个元素更改速度

事件

接下来添加事件，点击上方的Event sheet 1，

注意：每次需要搞清楚是添加condition还是action，condition指添加一个新的事件，而action是在已添加事件下添加行为
点击add，选择目标，再选择action即可
需要添加的事件：
Condition:system->every tick
Action:Player-Set angle toward（Mouse X，Mouse Y）

Condition: Mouse -> On click -> Left clicked (the default)
Action: Player -> Spawn another object -> For Object, choose the Bullet object. For Layer, put 1 (the “Main” layer is layer 1 - remember Construct 2 counts from zero). Leave Image point as 0

Condition: Bullet -> On collision with another object -> pick Monster.
Action: Monster -> Destroy
Action: Bullet -> Spawn another object -> Explosion, layer 1
Action: Bullet -> Destroy

Condition: System -> On start of Layout
Action: Monster -> Set angle -> random(360)

Condition: Monster -> Is outside layout
Action: Monster -> Set angle toward position -> For X, Player.X - for Y, Player.Y

计分器

在event sheet的上方空白右键选择Add global variable，命名为Score，Type选择number，初始值为0。
在monster的destroy事件后添加System -> Add to (under Global & local variables) -> Score, value 1的action。
再回到右边的layer界面，添加一个界面，命名为HUD
在system的every tick的事件后添加Text -> Set text
在左下角将text改为”Score: ” & Score
选择合适的字体和大小就OK啦

结束

接下来为游戏设置点难度，当player撞到Monster时算为游戏失败
Condition: Monster -> On collision with another object -> Player
Action: Player -> Destroy

结语

到此这个小游戏就做完了
如果你想添加其他功能，可以自己再摸索摸索