Cocos Creater 学习笔记(三)------------FillStart制作血条&PageView轮播

1.制作血条

(1)新建一个精灵,type改成Filled,填充进血条的图片,如图

Cocos Creater 学习笔记(三)------------FillStart制作血条&PageView轮播_第1张图片

在js里获取这个精灵,修改这个精灵的fillStart属性,例:

let fillStart = 0.3

this.sprite.fillStart = fillStart

这样就把血条的进度改成30%了,fillStart的范围是0-1,如果想做掉血的效果,那么不断减少精灵的fillStart属性的值就可以了,满血是1。

2.轮播

使用PageView组件可以做轮播图。

将PageView拖进面板,然后将content文件下的文件换成自己需要轮播的图片或节点

Cocos Creater 学习笔记(三)------------FillStart制作血条&PageView轮播_第2张图片

点击预览就生成了一个可以左右滑动的盒子,如果有更复杂的业务需要写JS更改。

你可能感兴趣的:(cocos)