博客
关于我
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中将CSV数据写入txt文件并从文件中读取解析数据
查看>>
Node-RED中建立TCP服务端和客户端
查看>>
Node-RED中建立Websocket客户端连接
查看>>
Node-RED中建立静态网页和动态网页内容
查看>>
Vue3+Element-ul学生管理系统(第二十二课)
查看>>
Node-RED中根据HTML文件建立Web网站
查看>>
Node-RED中解析高德地图天气api的json数据显示天气仪表盘
查看>>
Node-RED中连接Mysql数据库并实现增删改查的操作
查看>>
Node-RED中通过node-red-ui-webcam节点实现访问摄像头并截取照片预览
查看>>
Node-RED中配置周期性执行、指定时间阶段执行、指定时间执行事件
查看>>
Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度
查看>>
Node-RED怎样导出导入流程为json文件
查看>>
Node-RED订阅MQTT主题并调试数据
查看>>
Node-RED通过npm安装的方式对应卸载
查看>>
node-request模块
查看>>
node-static 任意文件读取漏洞复现(CVE-2023-26111)
查看>>
Node.js 8 中的 util.promisify的详解
查看>>
node.js debug在webstrom工具
查看>>
Node.js Event emitter 详解( 示例代码 )
查看>>
Node.js GET、POST 请求是怎样的?
查看>>