[Unity] ライフゲージの表示

Unity でライフゲージを実装する

Unity で角丸のライフゲージを実装してみました。以下のようなゲージが一つのスクリプトで表示できます。

使用方法

使い方は簡単で、コンポーネントとして PointGauge スクリプトを設定するだけです。インスペクターからライフゲージの幅・高さ、枠線の太さ、色が変更できます。

PointGauge.cs 自体はごく簡単なコードですので、ゲージが一定の割合以下で色を変えてみるなり、値を数値として表示してみるなり、ご自由に改良してみてください。

ソースコード

最新の PointGauge.cs のソースコード全文は以下にあります。 Unlicense として公開しますので、どなたでも自由に改変・再配布が可能です。

tiny-rpg-unity/Assets/Scripts/Battles/PointGauge.cs at main · wertrain/tiny-rpg-unity

Contribute to wertrain/tiny-rpg-unity development by creating an account on GitH…

https://github.com/wertrain/tiny-rpg-unity/blob/main/Assets/Scripts/Battles/PointGauge.cs

謝辞 / ライセンス表記

なお、 PointGauge.cs の実装について https://github.com/blueberryzzz/UIAndShader の SimpleRoundedImage.cs の一部を使用させていただきました。

Copyright (c) 2018 blueberryzzz
Released under the MIT license
https://opensource.org/licenses/mit-license.php