CocosCreator之KUOKUO带你做扔板砖-抛物线

本次引擎2.0.5

编辑工具VSCode

 

目标:扔板砖

还记得之前玩过的愤怒的小鸟吗?原理一样哦!

本次博客所用素材:

CocosCreator之KUOKUO带你做扔板砖-抛物线_第1张图片

// 、、、、、

好了,新建工程,放入单色bk,黑色ground

然后拖主角,拖hand,再把皮卡丘放在对面。

最后把板砖放入。

这样:

CocosCreator之KUOKUO带你做扔板砖-抛物线_第2张图片

各个节点大小等旋转度自行调整。

这是层级:

CocosCreator之KUOKUO带你做扔板砖-抛物线_第3张图片

好了。

让我们先写板砖的代码。

板砖受重力影响(算法模拟)

板砖有两种状态,‘飞’与‘不飞’,就是在不在手里。

板砖水平方向速度不变;垂直方向速度受重力越来越慢,然后反向再越来越快。

CocosCreator之KUOKUO带你做扔板砖-抛物线_第4张图片

好了,然后我们把他绑定在板砖上。

然后:我们写主代码;

绑在Canvas上;

首先声明手和板砖,然后初始化3个变量。

CocosCreator之KUOKUO带你做扔板砖-抛物线_第5张图片

然后,是3个类型触摸监听:

触摸坐标跟游戏坐标需转换。然后记录开始触摸位置。

CocosCreator之KUOKUO带你做扔板砖-抛物线_第6张图片

在移动时:

获取目前点与初始点的差,做反正切函数,求出弧度。

力度就是取你目前点与初始点的向量的差的长度。

然后根据你游戏需要,可以乘一个系数放大或者缩小力度,设置最大力度,等等。

手和板砖向后就是设置了一个固定点。

CocosCreator之KUOKUO带你做扔板砖-抛物线_第7张图片

好了,然后当我们松开手时。

先归位,然后根据力度,弧度发射。

CocosCreator之KUOKUO带你做扔板砖-抛物线_第8张图片

这是发射方法:

CocosCreator之KUOKUO带你做扔板砖-抛物线_第9张图片

效果最后看。

我们利用cc.graphics画线:

新建个空节点,然后把尺寸设置跟画布同样大小,不然空节点没尺寸无法触摸。

CocosCreator之KUOKUO带你做扔板砖-抛物线_第10张图片

然后代码:

CocosCreator之KUOKUO带你做扔板砖-抛物线_第11张图片

CocosCreator之KUOKUO带你做扔板砖-抛物线_第12张图片

我们看看效果:

CocosCreator之KUOKUO带你做扔板砖-抛物线_第13张图片

哈哈,怎么样!

至于最后的皮卡丘为什么不理他?

因为这个:

CocosCreator之KUOKUO带你做扔板砖-抛物线_第14张图片

哈哈,怎么样!

学会了吗?

 

加我QQ群:(博客里面的项目,群文件里都有哦)

706176551

我们一起学习!

 

O(∩_∩)O~~

你可能感兴趣的:(CocosCreator之KUOKUO带你做扔板砖-抛物线)