cocos creator制作游戏实战-Flak Cannon(二)

上一文主要介绍了游戏的设计思想和一些cocos creator的基本操作,本文将继续讲述下游戏的具体制作。

本文所涉及的知识点包括,预制体(prefab)的制作,按角度移动物体等

一.制作飞机,战舰,子弹,爆炸动画的预制体
(1)创建精灵对象,给对象添加碰撞体,逻辑代码组件
(2)将对象拖入资源文件夹内,则生成了预制体对象,可以看见图标变化
(3)删除原对象
(4)从资源文件夹内将预制体拖入舞台


cocos creator制作游戏实战-Flak Cannon(二)_第1张图片

image.png

二.预制体的克隆


cocos creator制作游戏实战-Flak Cannon(二)_第2张图片

image.png


cocos creator制作游戏实战-Flak Cannon(二)_第3张图片

image.png


cocos creator制作游戏实战-Flak Cannon(二)_第4张图片

image.png

三.点击舞台发射炮弹


cocos creator制作游戏实战-Flak Cannon(二)_第5张图片

image.png

(1)根据炮弹发射点和目标点计算出两点间的弧度
(2)根据弧度和移动速度计算出x轴和y轴的移动速度
speedX=cos(弧度)speed;
speedY=sin(弧度)
speed;
(3)旋转对象
旋转时要使用角度,先根据弧度计算出角度
角度=弧度/Math.PI * 180
node.angle=角度
(4)在update中更新坐标
node.x+=speedX;
node.y+=speedY;

cocos creator制作游戏实战-Flak Cannon(二)_第6张图片

image.png

 

cocos creator制作游戏实战-Flak Cannon(二)_第7张图片

image.png

 

四.飞机的移动方向
(1)设定移动方向


cocos creator制作游戏实战-Flak Cannon(二)_第8张图片

image.png

 

(2)创建飞机
每间隔一段时间创建一波飞机,越往后的关卡,间隔时间越多,每一波创建的飞机数量也更多,移动速度更快。每一波飞机可能会创建1架或多架飞机。

设定每一关的关卡数据的核心代码

cocos creator制作游戏实战-Flak Cannon(二)_第9张图片

image.png

创建飞机的核心代码

cocos creator制作游戏实战-Flak Cannon(二)_第10张图片

image.png

5.检测胜利失败,并显示相关UI
(1)飞机都飞过后检测是否还有战舰,还有则过关


cocos creator制作游戏实战-Flak Cannon(二)_第11张图片

image.png

(2)战舰被撞毁后判断战舰是不是没有了,如为0则游戏失败

 

cocos creator制作游戏实战-Flak Cannon(二)_第12张图片

image.png

游戏的大概知识点就是以上,最后贡献上游戏源码,供大家参考学习

链接:https://pan.baidu.com/s/1sh755zWa1X_WMibBMMvEog 密码:1ixp

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

image

image

你可能感兴趣的:(微信小游戏,cocos,creator)