【Unity】フェードを利用したシーン切り替えを行いたい。

Question

実現したいこと

• フェードを利用したシーン切り替えを行いたい。

前提

私は現在２Dゲーム制作を行っており、
ブログ及び動画 https://dkrevel.com/makegame-beginner/make-2d-action-scene-change/
を参考にさせて頂いております。

制作中ゲームでは実遊戯を想定したシーン切り替えを行いたいと考えております。
実装目標はステージシーンやステージクリアからタイトル画面へ戻り、
"再度"ステージシーンへの遷移です。
（初回のタイトル画面からステージシーンへのフェードを利用したシーン切り替えは動く）

発生している問題・エラーメッセージ

＜シーンが切り替わらない＞
現在、
ステージ→中断（ポーズ画面）→タイトル画面
を作成したのですが、
タイトル画面へ切り替え後、”再度”ステージシーンへの切り替え（再度ゲームプレイ）をすることができません。

FadeImage.csの改修が必要であると考えますが私には改良方法が不明であった為、
その方法をご教示頂きたく思います。

該当のソースコード

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class FadeImage : MonoBehaviour
{
    [Header("最初からフェードインが完了しているかどうか")] public bool firstFadeInComp;

    private Image img = null;
    private int frameCount = 0;
    private float timer = 0.0f;
    private bool fadeIn = false;
    private bool fadeOut = false;
    private bool compFadeIn = false;
    private bool compFadeOut = false;

    /// <summary>
    /// フェードインを開始する
    /// </summary>
    public void StartFadeIn()
    {
        if (fadeIn || fadeOut)
        {
            return;
        }
        fadeIn = true;
        compFadeIn = false;
        timer = 0.0f;
        img.color = new Color(1, 1, 1, 1);
        img.fillAmount = 1;
        img.raycastTarget = true;
    }

    /// <summary>
    /// フェードインが完了したかどうか
    /// </summary>
    /// <returns></returns>
    public bool IsFadeInComplete()
    {
        return compFadeIn;
    }

    /// <summary>
    /// フェードアウトを開始する
    /// </summary>
    public void StartFadeOut()
    {
        if (fadeIn || fadeOut)
        {
            return;
        }
        fadeOut = true;
        compFadeOut = false;
        timer = 0.0f;
        img.color = new Color(1, 1, 1, 0);
        img.fillAmount = 0;
        img.raycastTarget = true;
    }

    /// <summary>
    /// フェードアウトイン変数の中身確認
    /// </summary>
    /// <returns></returns>
    public bool CheckFadeOut()
    {
        return fadeOut ;
    }
    public bool CheckFadeIn()
    {
        return fadeIn;
    }

    /// <summary>
    /// フェードアウトを完了したかどうか
    /// </summary>
    /// <returns></returns>
    public bool IsFadeOutComplete()
    {
        return compFadeOut;
    }

    /// <summary>
    /// フェードアウト完了フラグの変更
    /// </summary>
    /// <returns></returns>
    public void ChengeFadeOutComplete()
    {
        compFadeOut = true;
    }

    void Start()
    {
        img = GetComponent<Image>();
        if (firstFadeInComp)
        {
            FadeInComplete();
        }
        else
        {
            StartFadeIn();
        }
    }


    void Update()
    {
        //シーン移行時の処理の重さでTime.deltaTimeが大きくなってしまうから2フレーム待つ
        if (frameCount > 2)
        {
            if (fadeIn)
            {
                FadeInUpdate();
            }
            else if (fadeOut)
            {
                FadeOutUpdate();
            }
        }
        ++frameCount;
    }

    //フェードイン中
    private void FadeInUpdate()
    {
        if (timer < 1f)
        {
            img.color = new Color(1, 1, 1, 1 - timer);
            img.fillAmount = 1 - timer;
        }
        else
        {
            FadeInComplete();
        }
        timer += Time.deltaTime;
    }

    //フェードアウト中
    private void FadeOutUpdate()
    {
        if (timer < 1f)
        {
            img.color = new Color(1, 1, 1, timer);
            img.fillAmount = timer;
        }
        else
        {
            FadeOutComplete();
        }
        timer += Time.deltaTime;
    }

    //フェードイン完了
    private void FadeInComplete()
    {
        img.color = new Color(1, 1, 1, 0);
        img.fillAmount = 0;
        img.raycastTarget = false;
        timer = 0.0f;
        fadeIn = false;
        compFadeIn = true;
    }

    //フェードアウト完了
    private void FadeOutComplete()
    {
        img.color = new Color(1, 1, 1, 1);
        img.fillAmount = 1;
        img.raycastTarget = false;
        timer = 0.0f;
        fadeOut = false;
        compFadeOut = true;
    }
}

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;


public class title : MonoBehaviour {

    [Header("フェード")] public FadeImage fade;
    [Header("ゲームスタート時に鳴らすSE")] public AudioClip startSE;

    private bool firstPush = false;
    private bool goNextScene = false;
    bool checkIn;
    bool checkOut;
    bool checkOutComplete;

    // スタートボタンを押されたら呼ばれる
    public void PressSrart()
    {
        Debug.Log("Press Start");

        if (!firstPush)
        {
            GManager.instance.PlaySE(startSE);
            // 次のシーンへ行く命令
            Debug.Log("Go Next Scene!");

            checkIn = fade.CheckFadeIn();
            Debug.Log("FadeIn is" + checkIn);
            checkOut = fade.CheckFadeOut();
            Debug.Log("FadeOut is" + checkOut);

            fade.StartFadeOut();

            checkIn = fade.CheckFadeIn();
            Debug.Log("FadeIn is" + checkIn);
            checkOut = fade.CheckFadeOut();
            Debug.Log("FadeOut is" + checkOut);

            firstPush = true;
        }
        firstPush = false;
    }

    private void Update()
    {
        goNextScene = false;
        if (!goNextScene && fade.IsFadeOutComplete())
        {
            Debug.Log("Go Scene1 again");
            SceneManager.LoadScene("stage1");
            goNextScene = true;
        }

    }

}

試したこと

• 再度ゲームプレイ時のタイトル画面のフェードアウトから動作しません。
• フェードアウトが完了していないので title.cs の Update() の if (!goNextScene && fade.IsFadeOutComplete()) 以降は動いていない。
• タイトル画面のstartボタン押下時のSE音は動作します。
• fade.StartFadeOut(); がうまく動作していない？
• 変数 FadeOut は再度ゲームプレイ（start再押下）時前に false になっている。

補足情報

Unity2021.3.23f1

※補足
各所スクリプトはブログ・動画を想定下さい。

Answer 1

bool型のgoNextScene変数はfalseだったらシーン遷移をするためにtrueにする処理しかありません。
おそらくtrueになったままで再度この処理が走った時にtrueだったらif文に入らないとなっているのではないでしょうか？
Start関数でfalseに戻しておくことで解決すると思います。
ポーズ画面でどんな処理を行っているのか時間を止めているのかが気になります。Time.timeScaleを使っているならポーズUIがDestroyされたらTime.timeScale = 1f;に戻すという処理が必要になります。

フェードアウトフェードインは一方通行のシーン遷移で実装して、タイトルに戻るときは通常のシーン遷移を実装するのが良いと思います。一応おしゃれフェードが簡単に実装できるサイトのurlを載せておきます。こちらでは双方向のおしゃれフェードが実装出来たのを確認しました。
シーン移動時の演出
urlの本題から下の部分試しましたか?
"titleScene"はstring型なので変数(sceneName)を作り、inspectorから設定できるようにするのが良いと思います。
または、シーン名をinspectorから設定するのが面倒な場合はこれが参考になります。
【Unity】Inspector で変数にシーンファイルを設定できるようにする「SceneObject」紹介
Fade.csを開いて、以下を追加。

void ImageFill()
{
        cutoutRange = 1.0f;
	fade.Range = cutoutRange;
}

呼び出しは、同スクリプトの関数の最初

IEnumerator FadeoutCoroutine (float time, System.Action action)

Comments

[kei0105]

ご回答ありがとうございます。
goNextScene変数はif文以前に false になるようにしています。
また、回答いただいた、Start関数でfalseに戻しておくこと、も試しましたが挙動は変わらず解決に至りませんでした。

[kei0105]

ポーズUIがDestroyされたらTime.timeScale = 1f;に戻すようにしています。
```
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PauseScript : MonoBehaviour
{
[SerializeField]
//　ポーズした時に表示するUIのプレハブ
private GameObject pauseUIPrefab;
//　ポーズUIのインスタンス
private GameObject pauseUIInstance;

// Update is called once per frame
void Update()
{
if (Input.GetKeyDown("q"))
{
if (pauseUIInstance == null)
{
pauseUIInstance = GameObject.Instantiate(pauseUIPrefab) as GameObject;
Time.timeScale = 0f;
}
else
{
Destroy(pauseUIInstance);
Time.timeScale = 1f;
}
}
}

}

```

[kei0105]

恐れ入ります。
ご回答いただいた、firstFadeInComp = true;　の追記を弊環境にて試しましたが挙動は変わりせんでした。
尚、中断（ポーズ画面）→タイトル画面の間のフェードアウトフェードインは現在実装していません。

[blanket]

お力になれず…。
フェードアウトフェードインは一方通行のシーン遷移で実装して、タイトルに戻るときは通常のシーン遷移を実装するのが良いと思います。纏めると現在のシーンがfirstFadeInComp=trueで遷移先のシーンがfirstFadeInComp=falseでないと上手く機能しない様です。その辺りSetActiveを切り替えて出来ないか試していたのですが。ほかに試したことは、firstFadeInCompのチェックの切り替えです。bool型の切り替えは自分も混乱することが多いです。int型で0か1かで判別するのが分かりやすいです。一応おしゃれフェードが簡単に実装できるサイトのurlを載せておきます。こちらでは双方向のおしゃれフェードが実装出来たのを確認しました。タイトル画面からフェードが始まってしまうのは少し違和感がありますが、色を変えたり、画像を変更して見映え良くすればオリジナルになると思いました。

[kei0105]

ご提示いただいたサイトの手段も初級者の私なりに省かれた部分なども考えつつ取り組んだ結果、タイトル画面→ステージ画面→タイトル画面へ切り替え後、”再度”ステージシーンへの切り替えもフェード込みですることができたのですが、こちらのサイトの手段は、ポーズ画面UIの任意ボタンを押したときだけ映る仕組みと喧嘩してしまうようで、ステージ画面で常時ポーズ画面UIが表示されるようになってしまいました。力不足で申し訳ないです。。。

※追記
>>こちらのサイトの手段は、ポーズ画面UIの任意ボタンを押したときだけ映る仕組みと喧嘩してしまうようで、ステージ画面で常時ポーズ画面UIが表示されるようになってしまいました。
->または、タイトル画面→ステージ画面はこの手段で遷移できるのですが、ステージ画面→タイトル画面はこの手段で遷移できずエラーとなります。
エラー：
NullReferenceException: Object reference not set to an instance of an object
ChangeTitle.PressTitle () (at Assets/Script/ChangeTitle.cs:26)

ChangeTitle.cs:25~29
//フェードを掛けてからシーン遷移する
fade.FadeIn(fadeTime, () =>
{
SceneManager.LoadScene("titleScene");
});

[blanket]

public class PauseManager : MonoBehaviour
{
[SerializeField, Header("ポーズした時に表示するUIのプレハブ")]
//　ポーズした時に表示するUIのプレハブ
private GameObject pauseUIPrefab;
bool paused = false;

void Update()
{
if (Input.GetKeyDown(KeyCode.Escape))
{
pauseUIPrefab.SetActive(!pauseUIPrefab.activeSelf);
if (paused)
{
ResumeGame();
}
else
{
PauseGame();
}
paused = !paused;
}
}

public void PauseGame()
{
Time.timeScale = 0;
}
public void ResumeGame()
{
Time.timeScale = 1;
}
}

これを試してみてください。開発が上手くいく事を願っています。

[kei0105]

ご回答ありがとうございます。
試させていただきました結果、ステージ画面で常時ポーズ画面UIが表示される状態は変わらず、ｃで停止→タイトルボタン押下→ｆで再開、でゲーム停止状態が解かれつつ、ステージ画面→タイトル画面へ遷移しました。

ステージ画面で常時ポーズ画面UIが表示されるようになってしまったのは、私が解決のためPauseUIのプレハブをステージシーンのヒエラルキーに追加した為と思われます。

したがって、前コメント追記分が正確な現問題と思われます。

[kei0105]

>>または、シーン名をinspectorから設定するのが面倒な場合はこれが参考になります。
->これを参考にInspector で変数にシーンファイルを設定できるようにさせていただきましたが変わらず同じコード部分で
NullReferenceException: Object reference not set to an instance of an object
となりました。
PreFab、PauseUIにてChangeTitle.csを使っているのですが、inspectorにてFadeが設定できない（ドラック＆ドロップを何も受け付けない）為でしょうか。

[blanket]

NullReferenceExceptionになる理由は2つあります。まず、インスペクターにFadeが設定できない理由は、ヒエラルキー(ゲームに表示するオブジェクトを置く場所)と、プロジェクトビュー(素材を置く場所)の違いについて理解する必要があるからです。本題ですが、1つ目の理由は、inspectorにデータがセットできず参照が出来ていないためです。これを踏まえてPauseUIのPrefabをヒエラルキーに配置します。この操作で、inspectorにFadeが設定できるようになります。2つ目の理由は、シーン移動時の演出についてのサイトの手順を踏んでいないためだと考えられます。※回答参照

[kei0105]

恐れ入ります。挙げていただいた理由のために「ステージ画面で常時ポーズ画面UIが表示されるようになってしまったのは、私が解決のためPauseUIのプレハブをステージシーンのヒエラルキーに追加した為と思われます。」を行っていました。2つ目の理由は実施済みでした。
よって、話が戻ってしまいますが、Q，2023/06/23 20:56 編集 の 「ステージ画面で常時ポーズ画面UIが表示されるようになってしまいました。」の状態となりました。

[blanket]

ポーズ画面でタイトルボタンを押したとき時間を再開する。ボタンにPauseManagerのResumeGame()関数を設定する。

[kei0105]

試しましたが変わらず、ステージ画面で常時ポーズ画面UIが表示されるようになっています。
PauseUIのPrefabをヒエラルキーに配置するか否かに起因していそうです。
SetActive()でPauseUIを表示非表示にできてそうなのですが、ステージ画面中、常にアクティブとなっています。

[kei0105]

長々とご回答ありがとうございました。

挙げていただいたコードを参考に解決。

ヒエラルキーのPauseUIの入れ物を用意。
private GameObject PauseUI;
Start()にてPauseUIを、
PauseUI = GameObject.Find("PauseUI");
PauseUI.SetActive(false);
でスクリプトで非アクティブ。
ポーズ画面ボタン押下後PauseUIをアクティブに。
　　　PauseUI.SetActive(true);
以下、
　　pauseUIPrefab.SetActive(!pauseUIPrefab.activeSelf);
if (paused)
{
ResumeGame();
}
else
{
PauseGame();
}
paused = !paused;