【Unity初心者】Unityでネットゲームを作りたい【10】UIのスライダーを使ったスタミナ表示～とりあえずメイン画面に物を置いてみた

https://qiita.com/ysyss5500/items/4aeb23639a8cf3d67376
### UIのスライダーを使ったスタミナ表示
前に気になってコピペしたけど使えなかったヤツ
今なら理解できるかと再挑戦しました
[Unityでスマホゲームによくあるスタミナ機能を作る](https://ntw-games.net/wp/develop/327/)こちらを参照
こんなん出来たらいいよね～
で、コピペ

StaminaController.cs
```
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using System;

/// <summary>
/// 最近のスマホゲームによくある「スタミナ」を扱うクラス
/// </summary>
public class StaminaController : MonoBehaviour
{

    // UIに表示する場合はInspectorから以下を設定してあげる
    [SerializeField]
    private Text staminaNumText; // スタミナの値を表示するテキスト

    [SerializeField]
    private Text restStaminaTimeText; // スタミナが1回復するまでの残り時間を表示するテキスト

   [SerializeField]
    private Slider staminaBarSlider; // スタミナの割合を表示するバー

    private bool isInitializeFinished = false;
    private int nowStaminaNum;
    private int maxStaminaNum;
    private DateTime recoveryStartTime;
    private int recoverTimePerStamina;

    void Start()
    {
        // テスト -> [現在のスタミナ30、スタミナ最大50、現在時刻から回復開始、300秒（5分）で1回復する] で初期化する
        // 使うときにゲームを管理しているクラスとかからプレイヤーのスタミナと回復開始時刻と1回復する秒数を渡してあげる感じ
        Init(100, 100, DateTime.Now, 300);
    }

    void Update()
    {
        if (isInitializeFinished)
        {
            UpdateStamina();
            UpdateStaminaBar();
        }
    }

    /// <summary>
    /// 使うときはこの初期化を呼び出す
    /// </summary>
    /// <param name="nowStaminaNum">スタミナ現在値</param>
    /// <param name="maxStaminaNum">スタミナ最大値</param>
    /// <param name="recoveryStartTime">スタミナ回復を開始した時間</param>
    /// <param name="recoverTimePerStamina">スタミナを1回復する時間（秒）</param>
    public void Init(int nowStaminaNum, int maxStaminaNum, DateTime recoveryStartTime, int recoverTimePerStamina)
    {
        this.nowStaminaNum = nowStaminaNum;
        this.maxStaminaNum = maxStaminaNum;
        this.recoveryStartTime = recoveryStartTime;
        this.recoverTimePerStamina = recoverTimePerStamina;

        Debug.Log("スタミナ " + this.nowStaminaNum + " / " + this.maxStaminaNum
                  + " スタミナが最大値未満になった時間：" + this.recoveryStartTime);

        isInitializeFinished = true;
    }

    /// <summary>
    /// 現在の日時を取得する
    /// </summary>
    /// <returns>現在の日時を返す</returns>
    private DateTime GetTimeNow()
    {
        return DateTime.Now; // ゲームを管理しているクラスとかからサーバ時間を渡してあげるようにしたい
    }

    /// <summary>
    /// スタミナが最大値以上かどうか
    /// </summary>
    /// <returns><c>true</c>最大以上である <c>false</c>最大ではない</returns>
    public bool IsStaminaFull()
    {
        return nowStaminaNum >= maxStaminaNum;
    }

    /// <summary>
    /// スタミナの更新
    /// </summary>
    private void UpdateStamina()
    {
        // スタミナが最大以上の場合は表示更新のみ
        if (IsStaminaFull())
        {
            if (staminaNumText != null) staminaNumText.text = "" + nowStaminaNum + " / " + maxStaminaNum;
            if (restStaminaTimeText != null) restStaminaTimeText.text = "MAX";

            return;
        }

        DateTime time = GetTimeNow();
        TimeSpan diff = time - recoveryStartTime;
        double totalSeconds = diff.TotalSeconds;

        // 経過時間分のスタミナを回復させる
        while (totalSeconds > recoverTimePerStamina)
        {
            if (IsStaminaFull()) break;

            totalSeconds -= recoverTimePerStamina;
            recoveryStartTime = recoveryStartTime.Add(TimeSpan.FromSeconds(recoverTimePerStamina));
            nowStaminaNum++;
        }

        double restTime = recoverTimePerStamina - totalSeconds + 1; // 「+1」->00:00を見せないため
        int minutes = (int)restTime / 60;
        int seconds = (int)restTime % 60;

        if (staminaNumText != null) staminaNumText.text = "" + nowStaminaNum + " / " + maxStaminaNum;
        if (restStaminaTimeText != null) restStaminaTimeText.text = ""
              + string.Format("{0:D2}", minutes) + ":" + string.Format("{0:D2}", seconds);
    }

    /// <summary>
    /// スタミナバーの表示更新
    /// </summary>
    private void UpdateStaminaBar()
    {
        if (staminaBarSlider != null)
        {
            // スタミナの現在値と最大値の割合をスタミナバーに反映する
            // バーは最大値を超えない
            float staminaPercentage = (float)nowStaminaNum / (float)maxStaminaNum;
            if (staminaPercentage >= 1) staminaPercentage = 1;
            staminaBarSlider.value = staminaPercentage;
        }
    }

    /// <summary>
    /// スタミナを消費する
    /// </summary>
    /// <returns><c>true</c>スタミナを消費した <c>false</c>スタミナが不足している</returns>
    /// <param name="spendStaminaNum">消費するスタミナ値</param>
    public bool SpendStamina(int spendStaminaNum)
    {
        if (nowStaminaNum < spendStaminaNum) return false;

        // スタミナ消費後の値がスタミナ最大値を下回った際に時間を保存する（回復開始となる時間）
        if (nowStaminaNum >= maxStaminaNum && (nowStaminaNum - spendStaminaNum) < maxStaminaNum)
        {
            recoveryStartTime = GetTimeNow();

            // ゲームを管理しているクラスとかで回復開始となる時間を保存しておく
            //SystemManager systemManager = GameObject.Find("SystemManager").GetComponent<SystemManager>();
            //systemManager.SaveTimeStamp(recoveryStartTime);
        }

        nowStaminaNum -= spendStaminaNum;

        return true;
    }

    /// <summary>
    /// スタミナを回復する
    /// </summary>
    /// <param name="num">回復する値</param>
    public void RecoverStamina(int num)
    {
        if (IsStaminaFull()) return;
        nowStaminaNum += num;
        if (nowStaminaNum > maxStaminaNum) nowStaminaNum = maxStaminaNum;
    }

    /// <summary>
    /// スタミナを最大値を無視して回復する
    /// </summary>
    /// <param name="num">回復する値</param>
    public void RecoverStaminaOverLimit(int num)
    {
        nowStaminaNum += num;
    }

    /// <summary>
    /// 最大値までスタミナを回復させる
    /// </summary>
    public void RecoverStaminaMax()
    {
        if (IsStaminaFull()) return;
        nowStaminaNum = maxStaminaNum;
    }

    /// <summary>
    /// 最大値分のスタミナを回復させる
    /// </summary>
    public void RecoverStaminaMaxOverLimit()
    {
        nowStaminaNum += maxStaminaNum;
    }
}
```
これ書いただけじゃそりゃ動かない
ちょっと前の私...

ふむふむ...
とりあえず
```
    // UIに表示する場合はInspectorから以下を設定してあげる
    [SerializeField]
    private Text staminaNumText; // スタミナの値を表示するテキスト

    [SerializeField]
    private Text restStaminaTimeText; // スタミナが1回復するまでの残り時間を表示するテキスト

   [SerializeField]
    private Slider staminaBarSlider; // スタミナの割合を表示するバー
```
とあるので、Text２つとスライダーを配置して同じ名前に変更

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/e1d901cf-3d79-bdb4-bd47-8ef9513a1124.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/c90315e9-83f5-fb53-466b-25d32e38bb93.png)
こんなのが出来た

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/f2955476-4a80-ddcb-b314-af6cf099b8cb.png)
これが持って移動できるやつらしいが今回は要らないので削除
[【UnityC#講座】SliderでHPバーを作る](https://unity-shoshinsha.biz/archives/1194)こちらを参照して各数字を変更

んでテキストに
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/e1f32035-c718-ae33-f8f4-bdca2787b787.png)
わかりやすいようにもう30/100って書いちゃう
んで、StaminabarSliderと名前の付けたスライダーにテキスト2つとスライダーを名前に合うように放り込む
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/9bb8d13b-ac9a-4b79-3f77-5bde936b8343.png)

<br>

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/884d9746-9198-11d6-c76a-913c85b02d8e.png)
できた～UIと対応させるのを色々やってきた成果かな？理解できた！ﾁｮｲﾄｳﾚｼｲ

時間をサーバー（PlayFab）から持ってきた値とかにすれば、管理しやすくなるかな
今後これをいじって行きたい
初期値は10000とかにして、新規の人はいっぱい行動できるようにしたいしね

対戦時のHP表示にも使えるみたいだから、今後に期待
____

### スクリーンの移動
やっぱスクリーン移動時にいろいろ消えてる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/ce1dbe09-9b07-07d8-3fbb-d68082add53f.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/639c303e-5e35-a593-9b40-df28ef84313f.png)
でもメインの画面に使ったname表示がそのまま使えた！！
てことは、Json読み込んだのもそのま画面（シーン）が変わっても引き継いでいるいるみたい
これは助かる

ﾌﾑ...このままステータス画面作成と行ってみる
___
### とりあえずメイン画面に物を置いてみた
[【Unity入門】60分で作るシューティングゲーム　第３回](https://nn-hokuson.hatenablog.com/entry/2016/07/09/075441)こちらを参考に画像を切り取って設置してみた（ver6だとだいぶ操作違います）

....
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/0384367b-7b8e-1b2d-3dfd-d5b251465ef9.png)
こりゃ違和感ありすぎ
考えなきゃ(-_-;)

←前  [【Unity初心者】Unityでネットゲームを作りたい【9】スクリプトの順番～苦手なレイアウトとか](https://qiita.com/ysyss5500/items/d0fbf690703be3f3884e)

[【Unity初心者】Unityでネットゲームを作りたい【11】ゲームビュー、シミュレータ機種によって表示がずれる～画面の大きさ～カメラの関係（表示したい画像が出ない）](https://qiita.com/ysyss5500/items/c09371a206c91413d19a)　次→

https://qiita.com/ysyss5500/items/4aeb23639a8cf3d67376