本文へスキップ
Game UI Design

Party Ready Check and Role Status UI Design Guide

A practical guide to showing readiness, missing setup, role selection, and connection state clearly before co-op play begins.

公開日: 2026-07-11#Co-op#Party UI#UI Design#Beginner

Quick Start

Start with a tiny working version

Many co-op lobbies stall for simple reasons long before strategy becomes the issue. One player is changing gear, another never chose a role, another is waiting on connection, and everyone else only sees a missing checkmark.

Build it in small code pieces

1. 値を用意する

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

TopicPrototypeTutorial.cs
csharp
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float currentStep = 1f;
    [SerializeField] private float changedValue = 2f;
    [SerializeField] private float resultScore = 3f;

2. 状態を変える

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

TopicPrototypeTutorial.cs
csharp
    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "準備状態" : step == 1 ? "操作中" : "結果表示";
        if (statusText != null)
        {
            statusText.text = $"{label}\ncurrentStep={currentStep:0.##}\nchangedValue={changedValue:0.##}\nresultScore={resultScore:0.##}";
        }

3. 画面に表示する

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

TopicPrototypeTutorial.cs
csharp
        if (statusText != null)
        {
            statusText.text = $"{label}\ncurrentStep={currentStep:0.##}\nchangedValue={changedValue:0.##}\nresultScore={resultScore:0.##}";
        }
        Debug.Log($"Party Ready Check and Role Status UI Design Guide: {label}");

Complete script

TopicPrototypeTutorial.cs
csharp
using UnityEngine;
using TMPro;

public class TopicPrototypeTutorial : MonoBehaviour
{
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float currentStep = 1f;
    [SerializeField] private float changedValue = 2f;
    [SerializeField] private float resultScore = 3f;

    private int step;

    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "準備状態" : step == 1 ? "操作中" : "結果表示";
        if (statusText != null)
        {
            statusText.text = $"{label}\ncurrentStep={currentStep:0.##}\nchangedValue={changedValue:0.##}\nresultScore={resultScore:0.##}";
        }
        Debug.Log($"Party Ready Check and Role Status UI Design Guide: {label}");
    }
}

Inspector

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

Summary

What to take away

A practical guide to showing readiness, missing setup, role selection, and connection state clearly before co-op play begins.

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.