【Unity】Sliderからゲージを作る

ゲージとは

ゲームを作っているとよくゲージを使う場面が出てきます。

などなど。

今回は、UnityのuGUI向けに用意されているSliderを改造して簡易的にゲージを作ってみます。

シーン上にSliderを追加します。

追加するとヒエラルキー上は以下の様になっています。

スライダーのつまみの部分(Handle Slide Area)は不要なので削除します。

FillのWidthを0に変更します。

Fill AreaのLeftとRightを0に変更します。

BackgroundとFillのImageコンポーネントにある、Source Imageを外して、

Colorを適当に変更します。

SliderコンポーネントのValueを変化させるとゲージを増減させることが出来ます。

特にスクリプトを書かなくても簡易的なゲージを作ることが出来ました。

仮の実装段階ではこれで十分だと思います。

9スライスのスプライトを使用する場合は綺麗に見えないかもしれません。