CocosCreator 实现 技能CD效果

说到技能cd 都会想到诛仙 ,dota,英雄联盟等 出色游戏中绚丽放技能的场景,今天 用cocoscreator实现一下技能「cd的效果」

「总体思路」:利用cocoscreator中的progressBar(进度条)组件,调整进度条形状为技能图片形状,修改显示模式为 填充模式 ,填充方向选择扇形,填充时的中心点为 节点中心 即cc.v2( 0.5,0.5),这样 进度条就会按照一个扇形的形状进行填充 ,但是 CD是 进度条的 缩减,所以 让进度条 反向取差值就可以了。

「效果:」

CocosCreator 实现 技能CD效果
image

「实操:」

CocosCreator 实现 技能CD效果
image
CocosCreator 实现 技能CD效果
image

「代码:」

CocosCreator 实现 技能CD效果
image

长按二维码 或搜素 亮亮同学TT 关注微信公众号 阅读更多文章 CocosCreator 实现 技能CD效果