cocos creator制作游戏实战-Flak Cannon（一）

首先设定游戏设定

游戏类垄：射击类
游戏描述：玩家守卫战舰，发射炮弹防御来自飞机的自杀袭击
玩家目标：不要让地方的飞机袭击战舰并消灭飞机
敌人描述：飞机从屏幕上方随机位置飞向战舰，从下方飞出，它们的目标就是炸毁所有战舰。
敌人目标：摧毁所有的战舰
过关：当一波攻击所有飞机完成袭击时进入下一关。没用完的子弹可以加分，子弹的数量会加到下一关。
游戏结束条件：玩家要守卫的舰队全军覆没。

一.游戏UI及流程设定

1.场景1-home

image.png

2.场景2-game

image.png

image.png

image.png

二.项目开发

这个教程所涉及的知识点比较多，单例管理类，序列帧动画制作，自定义动画事件，触摸事件等，我将尽量一一拿出来讲一下，如有不明白的地方，同学们可以给我私信。

1.单例组件类
声明组件类：Game，挂在一个空的节点上，声明静态变量_instance,并将该类赋值给_instance。

image.png

 

应用方法：

image.png

2.序列帧动画制作（官方教程：http://docs.cocos.com/creator/manual/zh/animation/sprite-animation.html
）
（1）在舞台上创建一个精灵
（2）在精灵上添加一个动画组件
（3）添加一个动画，点击编辑，在属性中添加cc.Sprite.spriteFrame，并将序列图拖到帧上

image.png

 

3.自定义动画事件
（1）选择要添加事件的帧
（2）点击添加事件
（3）右键选择要编辑的事件，选择编辑
（4）输入事件的名称，可以添加参数

image.png

image.png

image.png

4.添加触摸方法(官方教程：http://docs.cocos.com/creator/manual/zh/scripting/events.html)
（1）外部调用事件方法

image.png

image.png

 

（2）内部注册事件
声明方法

 

image.png

 

注册点击事件

 

image.png

5.添加碰撞
（1）给飞机，战舰，炸弹添加碰撞组件

image.png

（2）编辑碰撞组

 

image.png

 

（3）开启碰撞功能

 

image.png

（4）在碰撞方法中编辑碰撞逻辑

 

image.png

6.自定义事件传递
传递自定义事件

image.png

注册接受自定义事件

 

image.png

未完待续。。。。

下一章我会继续讲述预制体的制作，发射子弹，飞机按各角度移动等

这个是我们的微信小游戏,欢迎吐槽

 

image.png