【包教包会】分享一个CocosCreator实用组件EffectBar,炫酷的特效进度条

一、效果演示

残影血条

弹射血条

二、如何获取

1、https://gitee.com/szrpf/EffectBarDemo

2、解压,导入cocos creator(版本2.4.11),可以直接运行Demo演示

三、如何创建特效进度条

1、创建如下层级结构:底框、进度、数字

节点名字可以随便改(这里的命名只是为了直观)

 如果不需要显示数字,则这个节点可以省略

2、给进度节点绑上EffectBar组件

 绑定属性:告诉组件,进度随着哪个属性变化而变化

上限值:进度最大值,可以填属性名称,也可以直接填数字

              如果上限是已知的值,则直接填数字(例如加载进度条上限直接填100)

              如果上限是变量,则填属性名称(例如血量上限会随着等级而提升,这里就要填血量上限的属性名称)

进度数字:把显示进度数字的节点拖进来,不想显示数字就置空

特效图片:绘制进度特效的图片,一般用白图,也可以尝试其他图片实现更炫酷效果

其余参数根据名字直观理解即可。

四、进度数字

挂载cc.Label的节点,string默认值会作为分隔符

 直接用cc.Label会打断合批,增加drawCall

因此强烈建议用支持Atlas字库的IconFont组件代替cc.Label,本文结尾会提供获取方式

五、动态绑定属性

例如:进度条要绑定怪物的hp,但是怪物对象是游戏中才动态创建的

那么可以在怪物创建后,调用EffectBar的setProp方法来绑定属性

 六、重置当前进度和上限值

例如:升级以后,经验上限expMax会增加,经验值exp会重置

那么可以在升级后调用EffectBar的setData方法来设置当前进度和上限值

 七、结束语

有不明白的,或者优化建议,可以留言评论,或给我发邮件!

包教包会,你会了吗?

创作不易,请多留言讨论,这样我会有动力发更多好玩的东西上来。

GitHub地址:https://github.com/szrpf

EMail地址:27185709@qq.com

 推荐链接:

1、【包教包会】分享一个CocosCreator的神级组件DataBoard,大幅提升开发效率!

2、【包教包会】分享一个CocosCreator实用组件EffectBar,炫酷的特效进度条

3、【包教包会】分享一个CocosCreator组件——动作残影

4、【包教包会】分享一个CocosCreator实用组件——Previewer预览器

5、【包教包会】CocosCreator怎么用namespace实现类似于cc的全局变量

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Cocos Creator 特效包是一种用于游戏开发的资源包,它提供了各种精美的特效效果,以增强游戏的视觉表现力。这些特效包包括但不限于粒子特效、光影效果、动画效果等。 粒子特效是一种通过释放大量小粒子来模拟真实物体或场景的效果。Cocos Creator 特效包中的粒子特效可以用来制作火焰、烟雾、雨滴、爆炸效果等。开发者可以根据需要自定义粒子的颜色、大小、速度等属性,从而实现各种炫酷的效果。 光影效果是通过模拟光源与物体之间的互动来增强游戏的逼真感。Cocos Creator 特效包中的光影效果可以用来制作阳光穿过树叶的效果、物体投射的阴影效果等。开发者可以灵活调整光源的位置、颜色、强度等属性,以获得更逼真的效果。 动画效果是通过连续播放一系列图像或帧来模拟物体的动态变化。Cocos Creator 特效包中的动画效果可以用来制作角色的走路、跳跃、攻击动作等。开发者可以利用内置的编辑器创建、编辑和管理动画,实现游戏角色的精彩表现。 通过使用Cocos Creator 特效包,开发者可以快速、轻松地为游戏添加各种炫酷的视觉效果,提升游戏的品质和吸引力。同时,Cocos Creator 特效包还支持多平台发布,可以在不同的设备和操作系统上使用。这使得开发者能够更广泛地应用这些特效效果,为玩家带来更好的游戏体验。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值