博客
关于我
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/

你可能感兴趣的文章
Node-RED中使用node-red-browser-utils节点实现选择Windows操作系统中的文件并实现图片预览
查看>>
Node-RED中使用node-red-contrib-image-output节点实现图片预览
查看>>
Node-RED中使用node-red-node-ui-iframe节点实现内嵌iframe访问其他网站的效果
查看>>
Node-RED中使用Notification元件显示警告讯息框(温度过高提示)
查看>>
Node-RED中使用range范围节点实现从一个范围对应至另一个范围
查看>>
Node-RED中实现HTML表单提交和获取提交的内容
查看>>