喚境為用戶(hù)提供了進(jìn)度條組件，可以使用該組件制作血條等功能。在本次教程中，我們將學(xué)習(xí)如何使用精靈圖自制血條，并增加一個(gè)血條生命值扣除的效果。

點(diǎn)我下載工程

布置場(chǎng)景

本教程中，血條分為兩部分：紅色的真實(shí)血條，以及藍(lán)色的血條減少效果。
首先創(chuàng)建這兩個(gè)精靈對(duì)象。

因?yàn)槲覀儠?huì)通過(guò)改變寬度來(lái)實(shí)現(xiàn)血條縮短效果，所以需要將血條減少樣式和血條樣式的錨點(diǎn)全部設(shè)置在左側(cè)，避免坐標(biāo)的改變。

將對(duì)象拖入場(chǎng)景，位置相同，紅色血條在藍(lán)色上方

添加觸發(fā)按鈕

新建按鈕組件，拖入3個(gè)實(shí)例到場(chǎng)景中

為按鈕添加實(shí)例變量?傷害?， 分別設(shè)置3個(gè)實(shí)例的傷害值： 10、40、90

減少生命邏輯

新建一個(gè)全局變量用于控制生命

添加事件，當(dāng)點(diǎn)擊按鈕時(shí)，根據(jù)實(shí)例變量的值，減少生命。
生命值減少公式：(生命-HP減少.傷害)<0?0:生命-HP減少.傷害?(這里用了三元運(yùn)算符來(lái)限制生命不能小于0)

根據(jù)生命顯示血條

在本教程中，將使用兩種生命減少效果

1. 利用線(xiàn)性插值平滑減少

2. 每幀固定值減少生命

紅色血條直接扣除

首先，當(dāng)生命減少時(shí)，先直接扣除紅色血條。
公式為：血條寬度 * (當(dāng)前生命/生命上限)?。
詳細(xì)公式：300*((生命>100?100:生命)/100)

利用線(xiàn)性插值減少藍(lán)色血條

藍(lán)色血條的最終尺寸應(yīng)該和紅色血條保持一致。 為了使藍(lán)色血條平滑改變尺寸，這里使用線(xiàn)性插值表達(dá)式。
公式為：lerp(當(dāng)前值,最終值,插值)
lerp(血條減少樣式.Width,血條樣式.Width,dt*6)
第三個(gè)參數(shù) dt*x 可以調(diào)節(jié)藍(lán)色血條改變尺寸的速度。
詳情請(qǐng)參閱系統(tǒng)組件

運(yùn)行游戲，點(diǎn)擊按鈕即可看到實(shí)際效果

每幀固定減少血條

固定減少的原理是： 如果藍(lán)色血條的長(zhǎng)度大于紅色血條，每幀固定減少長(zhǎng)度。 如果藍(lán)色血條的長(zhǎng)度小于紅色血條，藍(lán)色血條的長(zhǎng)度變成與紅色相等。

全部事件如下圖所示，請(qǐng)注意，兩種減少方式只能激活其中一種

以上便是自制血條(進(jìn)度條)的教程。

點(diǎn)擊下載全能無(wú)需編程的喚境引擎！? ?????

https://www.evkworld.cn/?c=600005&sc=600019&auto=1