博客
关于我
Cocos Creator人物血条实现
阅读量:377 次
发布时间:2019-03-05

本文共 331 字,大约阅读时间需要 1 分钟。

Cocos Creator人物血条实现

使用ProgressBar组件

把组件拖到人物下面,作为子节点,血条就会跟随人物移动
强调一下,cocos creator每次用的组件,先要在代码properties:中声明,就会显示在场景中,拖进去就行了
在人物代码中声明组件

lifeprogress: {            type: cc.ProgressBar,            default: null,        },

然后通过在被攻击时减少自己的生命值,通过代码将生命值体现出来

this.lifeprogress.progress=this.life/100;

就会出现血条减少效果

在这里插入图片描述
progress的属性如下
以比例作为progress

转载地址:http://ybag.baihongyu.com/

你可能感兴趣的文章
vue3+Ts 项目打包时报错 ‘reactive‘is declared but its value is never read.及解决方法
查看>>
Node-RED中Slider滑杆和Numeric数值输入组件的使用
查看>>
Node-RED中Switch开关和Dropdown选择组件的使用
查看>>
Node-RED中使用exec节点实现调用外部exe程序
查看>>
Node-RED中使用function函式节点实现数值计算(相加计算)
查看>>
Node-RED中使用html节点爬取HTML网页资料之爬取Node-RED的最新版本
查看>>
Node-RED中使用JSON数据建立web网站
查看>>
Node-RED中使用json节点解析JSON数据
查看>>