如何創建彎曲的健康欄？

Question

我正在做一個健康酒吧的遊戲，我正在嘗試製作一個彎曲的健康酒吧。

目前我有一個lineBar有20個部分，看起來像這樣在屏幕的左下角。

我想要做的是寫一個函數，通過並修改每個的scaleY來獲得一個曲線條。

我可以很容易地將它們縮小爲一條直線。所以它看起來是三角形。

我想要指數衰減。

在正常的數學術語中，它可能類似y = Pa^x。

Answer 1

我公司開發的遊戲有彎曲的健康酒吧前陣子，我這是怎麼實現的吧：

第1步：

創建曲杆。我建議Oval Primitive工具：

畫出你吧。我建議創建一個指導層來展示您的曲線段的整個圓形視圖。將該欄複製到另一個圖層上並將其作爲蒙版，這將顯示您的健康欄。在掩模和段應該是MovieClips：

---

步驟2：

面罩的註冊點設置爲您的導圓的中心。你的面具將圍繞這一點旋轉，以顯示你的實際酒吧。旋轉你的面具，以便它是你的實際欄圖形左側：

---

第3步：

創建你的面具跨越100幀順時針旋轉的吐溫（加更好的進展更多的幀）。你甚至可以申請補間酒吧消費的圖形，其中來自紅顏色變爲綠色，因爲它填補等

---

第4步：

此元素上使用gotoAndStop()以確定整個動畫中應該停止的幀。我在這裏使用的公式一般爲：

gotoAndStop(Math.round(currentHealth/maxHealth * x)); 

哪裏x是幀創建的金額。

希望這會有所幫助。