3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Unityでライフゲージなどに使われるプログレスバーを実装する

Last updated at Posted at 2020-11-08

プログレスバーとは、よくゲームで見かけるライフゲージとかローディング中とかに使われるこんなやつ、 [![Image from Gyazo](https://i.gyazo.com/3b91e2f02b77ee20eda4310cb983a606.png)](https://gyazo.com/3b91e2f02b77ee20eda4310cb983a606) 自分で作るのは大変だけど、Unityのアセットを利用したら簡単に実装できる。
##動作確認バージョン Unity 2019.4.13f1

##手順
###アセットのダウンロード
いろいろあるけど、無料で簡単そうな
ProgressBar Pack
Image from Gyazo
をダウンロード&インポート

###Canvasでの作業
Hierachy > + > UI > Canvas
Image from Gyazo

PrehabをCanvasへ
Image from Gyazo

プログレスバーが現れた
Image from Gyazo

##スクリプト作成

空のGameObjectを作成
Hierachy > + > Create Empty
Image from Gyazo

Scriptを新規作成
project > + > C#Script

名前をDemoScriptとしておく。

そのScriptをGameObjectにアタッチ
Image from Gyazo

以下のコードを書く

DemoScript.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class DemoScript : MonoBehaviour
{
    public ProgressBar Pb;
        public int value = 60;

    void Update()
    {
        Pb.BarValue = value; 
    }
}

GameObjectのInspector DemoScript(Script) > Pb に UI ProgressBar(ProgressBar) をセット [![Image from Gyazo](https://i.gyazo.com/e08c5810f77ad9e61897e20f206ce626.png)](https://gyazo.com/e08c5810f77ad9e61897e20f206ce626)

###PLAY
できた!
Image from Gyazo


###参考サイト [Asset Store UPLN : ProgressBar Pack How To Use](https://youtu.be/nG6ephKEGZg)
3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?