CocosCreator之KUOKUO带你做小小PK(二)Boss血条与站桩挨打

本次引擎2.0.5

编辑工具VSCode

目标:小小PK(二)

血条素材:

好了,我们接着上个教程:

上一个教程我们做了,移动与跳跃还有攻击。

但是只有主角一人是不是很尬。

CocosCreator之KUOKUO带你做小小PK(二)Boss血条与站桩挨打_第1张图片

接下来让我们放入血条,放入Boss。

血条的模式改为横向填充,然后把血条x方向放大合适倍数。

CocosCreator之KUOKUO带你做小小PK(二)Boss血条与站桩挨打_第2张图片

CocosCreator之KUOKUO带你做小小PK(二)Boss血条与站桩挨打_第3张图片

给Boss个脚本:

enemy.js

首先:

主角节点引用(获取其位置与攻击状态);

最大HP为1000,用于显示血条的精灵。

CocosCreator之KUOKUO带你做小小PK(二)Boss血条与站桩挨打_第4张图片

CocosCreator之KUOKUO带你做小小PK(二)Boss血条与站桩挨打_第5张图片

在填充模式下,0-1为一整个血条;

我们调整fillStart即可控制其从左方开始的填充程度。

这是onLoad。

CocosCreator之KUOKUO带你做小小PK(二)Boss血条与站桩挨打_第6张图片

//、、、喜欢打注释是个好习惯。

然后就是随时检测主角跟自己的距离,有没有攻击。

如果有攻击,那么进入受损状态。

这里写了一个状态开关。

CocosCreator之KUOKUO带你做小小PK(二)Boss血条与站桩挨打_第7张图片

然后是受损0.5秒后恢复。

CocosCreator之KUOKUO带你做小小PK(二)Boss血条与站桩挨打_第8张图片

我们来看看效果吧。

CocosCreator之KUOKUO带你做小小PK(二)Boss血条与站桩挨打_第9张图片

好了,授人以渔很是开心!

但是,你能接下来钓到鱼吗?

加油!

 

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

706176551

我们一起学习!

 

O(∩_∩)O~~

你可能感兴趣的:(CocosCreator之KUOKUO带你做小小PK(二)Boss血条与站桩挨打)