本文へスキップ
Waiting UX and Progress States

Loading Screens and Progress Feedback Basics

Reduce player anxiety during waits by designing clear progress states, useful hints, and retry paths.

公開日: 2026-07-02#Loading#Progress UI#Feedback#Beginner

Quick Start

Start with a tiny working version

Good loading screens do not exist to decorate a delay. They exist to explain what is happening, reduce uncertainty, and make the player feel that the game is still responsive.

Build it in small code pieces

1. 値を用意する

Inspectorで変更できる値と表示先を置きます。

LoadingProgressTutorial.cs
csharp
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float progressPercent = 1f;
    [SerializeField] private float loadedAssets = 2f;
    [SerializeField] private float tipIndex = 3f;

2. 状態を変える

ボタンを押した時に、1つだけ状態を進めます。

LoadingProgressTutorial.cs
csharp
    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "読み込み開始" : step == 1 ? "進行率更新" : "完了を伝える";
        if (statusText != null)
        {
            statusText.text = $"{label}\nprogressPercent={progressPercent:0.##}\nloadedAssets={loadedAssets:0.##}\ntipIndex={tipIndex:0.##}";
        }

3. 画面に表示する

変わった結果を画面に出して確認します。

LoadingProgressTutorial.cs
csharp
        if (statusText != null)
        {
            statusText.text = $"{label}\nprogressPercent={progressPercent:0.##}\nloadedAssets={loadedAssets:0.##}\ntipIndex={tipIndex:0.##}";
        }
        Debug.Log($"ローディング進行表示: {label}");

Complete script

LoadingProgressTutorial.cs
csharp
using UnityEngine;
using TMPro;

public class LoadingProgressTutorial : MonoBehaviour
{
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float progressPercent = 1f;
    [SerializeField] private float loadedAssets = 2f;
    [SerializeField] private float tipIndex = 3f;

    private int step;

    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "読み込み開始" : step == 1 ? "進行率更新" : "完了を伝える";
        if (statusText != null)
        {
            statusText.text = $"{label}\nprogressPercent={progressPercent:0.##}\nloadedAssets={loadedAssets:0.##}\ntipIndex={tipIndex:0.##}";
        }
        Debug.Log($"ローディング進行表示: {label}");
    }
}

Inspector

Connect the UI reference in the Inspector, then use the button to confirm each value changes.

Summary

What to take away

Reduce player anxiety during waits by designing clear progress states, useful hints, and retry paths.

The page is designed to help you move from reading to a small practical decision. Use the checklist above before jumping into the next related article.

Related guides

SYSLoot Rarity and Pickup Visibility Design GuideA practical guide to using color, light, sound, and distance-based UI so players can instantly read which drops matter most.MAPDowned state and revive feedback design guide for co-op gamesA practical guide to revive timers, rescue readability, interruption feedback, and post-failure recovery flow in co-op games.