Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

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



プログレスバーとは、よくゲームで見かけるライフゲージとかローディング中とかに使われるこんなやつ、
Image from Gyazo
自分で作るのは大変だけど、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

PLAY

できた!
Image from Gyazo


参考サイト

Asset Store UPLN : ProgressBar Pack How To Use

tatsuya1970
普通のサラリーマンです。趣味でアプリ開発、電子工作などしています。
http://tatsuya1970.main.jp/
protoout-studio
プロトアウトスタジオは日本初のプロトタイピング専門スクールです。プログラミングだけではなく、企画力と発信力を身に付けて”自分で課題を見つけて実装し、発信し続ける人”を育成しています。 圧倒的なアウトプット力を身に付けましょう。 学生募集中です。
https://protoout.studio
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away