体力ゲージを作る(Unity6)

開発Tips

次は、体力ゲージを作っていきます。

Sliderの追加

UIのスライダーを追加する。Canvasが作成されない場合は、先にCanvasを作成してください。

canvasの名前をUIにします。Sliderの名前をHPBarにします。

Handleの〇は、必要ないので削除します。Handle Slide Areaを削除します。

この状態でMax Valueを100にして、Valueを移動してみるとバーが最後までいきません。

これを調整します。

あくまで参考値です。

シンプルですね。今の時点では、凝った作りにしませんが、あまりに味気ないのとSliderのValueが0の時に少しゲージが残っているので少しだけ修正します。以下のアセット使って少し装飾します。

2D Casual UI HD | 2D Icons | Unity Asset Store
Elevate your workflow with the 2D Casual UI HD asset from MiMU STUDIO. Browse more 2D GUI on the Unity Asset Store.

こんな感じになりました。参考としてやった内容をスクショしておきます。参考になるのかはわかりませんが・・・。

これでSliderの値(Value)を変えることで体力ゲージを増やしたり減らしたりできます。

コメント

タイトルとURLをコピーしました