天天看點

Cocos Creator人物血條實作

Cocos Creator人物血條實作

使用ProgressBar元件

把元件拖到人物下面,作為子節點,血條就會跟随人物移動

強調一下,cocos creator每次用的元件,先要在代碼properties:中聲明,就會顯示在場景中,拖進去就行了

在人物代碼中聲明元件

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

然後通過在被攻擊時減少自己的生命值,通過代碼将生命值展現出來

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

就會出現血條減少效果

Cocos Creator人物血條實作

progress的屬性如下

以比例作為progress

繼續閱讀