Unity ヌルヌル動くタイマー

  • このエントリーをはてなブックマークに追加
  • LINEで送る

今日から、Unity2017に更新した

Unity ヌルヌル動くタイマー作り方

新機能など、やっていく前に動作見るついでに、シンプルにヌルヌル動くタイマーを作ってみた。

こんなの↓

 

中央文字表示と、周りの枠でタイマーできるよ。

作り方は簡単。 タイマーバック画像、 タイマーオーバーレイ画像、 文字表示バックの画像を用意

文字表示の中にUI text置いて操作する。

 

タイマーオーバーレイは、画像設定時に Image Typeをfilledに設定 fillamountが表示される

fillamount スライダーで0~1の間の値でマスク。 コレを スクリプト側で操作して タイマーの表示を行う。

更新は、 updateでも コルーチンでも可 今回はupdateで描画更新

コードはこんな感じ

 

 

サンプル は、githubに置いとく。

https://github.com/jposaka/unity-timer/commit/7ebe084bf9a28375b4897fd14eb3ea10fb020db5

  • このエントリーをはてなブックマークに追加
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*