说到技能cd 都会想到诛仙 ,dota,英雄联盟等 出色游戏中绚丽放技能的场景,今天 用cocoscreator实现一下技能「cd的效果」
「总体思路」:利用cocoscreator中的progressBar(进度条)组件,调整进度条形状为技能图片形状,修改显示模式为 填充模式 ,填充方向选择扇形,填充时的中心点为 节点中心 即cc.v2( 0.5,0.5),这样 进度条就会按照一个扇形的形状进行填充 ,但是 CD是 进度条的 缩减,所以 让进度条 反向取差值就可以了。
「效果:」
![image](https://img-blog.csdnimg.cn/img_convert/d26c3e138afe24ee373a34d24d0a2e17.png)
「实操:」
![image](https://img-blog.csdnimg.cn/img_convert/e8ce10d7938558150c13c42d63649b5a.png)
![image](https://img-blog.csdnimg.cn/img_convert/75523ba8115667b64d77d86eb8240544.png)
「代码:」
![image](https://img-blog.csdnimg.cn/img_convert/9f47da3c5eeafe3c02c17af404c1e479.png)
长按二维码 或搜素 亮亮同学TT 关注微信公众号 阅读更多文章