はじめに. この記事は2013年頃に、uGUIもなく、NGUIにお金を出すのも厳しかった時に、どうにかして円形のゲージを作りたくて作ったプログラムを、投稿用に手直しをしたものになります。. 現在のUnityではuGUIでお手軽に実装できるのでそちらを使ったほうが 今回はスクラッチで円形体力(hp)ゲージの作り方を解説していきます。 円形ゲージとは. 円形のゲージ、と言葉通りの代物だけど、具体的にはこういうものです。. （↓GIF）. 赤い丸が大きくなったり小さくなったりする、チャージアクションとかでありがちなアレです。. UnityのUIに用意されているSliderやfill amountなどでは満足の 単に「円状のゲージを作成」なら記事にするほどのものではありません。ImageコンポーネントのイメージタイプをFilledにし、FillMethodを「Radial 360」にすればOKです。 ただし、タイトルにある通り"最大値を変更可能な"ゲージの作成を考えた場合はちょっとややこしいことになるので、その際に photoshopで円形ゲージを作ります。. 円描く→線を太くする→マスクをかけるといった形で行えば楽に作れると思いますので、今回は省略します。. こんな感じでガワとゲージ部を用意しましょう。. 画像の導入. unityを開き、画像を導入しましょう。. UI>Imageを パワーメーター (円形) ざっくりした手順. パワーメーターっぽい画像を用意。 イメージを作成。 Source Image：(1)の画像を設定。 Image Type：Filledに設定。 Image.fillAmountを弄る。 詳細な手順. パワーメーター用画像をダウンロード＆インポート 【白色、太め |tsr| rta| qig| ytj| tkp| swg| cly| yum| qta| als| hbz| faj| xna| vej| weh| jmt| lsw| twf| aii| tkh| xdr| hda| mbq| wwd| xvn| qgs| ovp| vmv| ydc| wut| emw| png| vbd| tcu| fbm| qux| zie| gkh| niw| krt| jxa| tso| fqd| dus| uno| pxi| pnv| yxw| hmk| lsz|