NGUIでドーナツ状ゲージを作ってみたゲームでよく見かける「ドーナツ状ゲージ」。みんなどうやって実現しているんだろうーと思いながら、自分なりに実現させてみました。NGUIの各所の詳細は割愛します。はじめに、半円のドーナツ画像を用意します。赤い方がゲージに使う画像。白い方が目隠しに使う画像です。アルファチャンネルも用意↓この画像をNGUIにSpriteとして読み込みます。この後の作業のため、画像のPivotは「right」にしておきます。それぞれの画像の並べ方はこんな感じ。HalfCircleColor2nd)3つを重ねて並べるとこうなります↓NGUIの各Depthは、このとおり。2各画像はこんな意味があります。全体を100とすると、50〜100を表示するために使用この2つの半円を回転させて、ドーナツ状ゲージを表示します。半円が徐々に見えるように0のときは「HalfCircleColor1stをすべて隠す」必要があります。その隠すために使うのが「HalfCircle」です。次は、回転させるためのスクリプトです。「HalfCircleColor1st」「HalfCircleColor2nd」に適用します。360;}}}-----------------------------------------------------詳細の説明は割愛しますが、「transform.localEulerAngles.z」を徐々に増やすことで回転させています。しておきます↓HalfCircleColor1stのInspectorHalfCircleColor2ndのInspector「HalfCircleColor2nd」の初期位置だとはじめから見えてしまうので、UIWidgetでアルファチャンネルを0に設定して非表示にしています。