湾曲したヘルスバーを作成するにはどうすればよいですか？

Question

私はヘルスバーで試合をしています。私はヘルスバーを湾曲させようとしています。

現在、私は画面の左下にこのように見える20のセグメントを持つラインバーを持っています。

私がしたいのは、曲線のバーを取得するためにそれぞれのscaleYを変更する関数を書くことです。

私は簡単に一直線に縮小することができます。三角形のように見えるように。

指数関数的減衰が必要です。

通常の数学用語では、y = Pa^xのようなものかもしれません。

Answer 1

私は、これは私がそれを達成する方法で、しばらく前に曲がったヘルスバーでゲームを開発：

ステップ1：

があなたの曲がったバーを作成します。

があなたのバーを描く：私はOval Primitiveツールを示唆しています。私はあなたの湾曲したセグメントの全体円のビジュアルを示すガイドレイヤを作成することをお勧めします。バーを別のレイヤーにコピーしてマスクにすると、健康バーが表示されます。

---

ステップ2：あなたのガイド円の中心にあなたのマスクの基準点を設定

マスクとセグメントMovieClipsであるべきです。マスクはこの点を中心に回転し、実際のバーを表示します。

---

ステップ3：

追加（100のフレームにわたって時計回りに回転し、あなたのマスクのトゥイーンを作成し、それはあなたの実際のバーグラフの左側にあるように、あなたのマスクを回転させますより細かいプログレッションのためのより多くのフレーム）。この要素に

使用gotoAndStop()：あなたもなど赤から緑に色の変化は、それが満たされるにつれて、あなたのバー・グラフィックス、

---

ステップ4にトゥイーンを適用することができますアニメーション全体を通してどのフレームを停止するかを決定します。私がここで使う式は一般的です：xはあなたが作成したフレームの量がある

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

。

これが役に立ちます。