本文へスキップ
Game UI Design

Threat indicator and aggro readability design guide

A practical guide to showing who enemies are targeting and where immediate danger is pointing without flooding the screen.

公開日: 2026-07-13#Combat UI#Co-op#UI Design#Beginner

Quick Start

Start with a tiny working version

Players do not call combat unfair only because enemies hit hard. They call it unfair when they cannot tell who is being targeted, which threat matters first, or whether a support action would actually help.

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($"Threat indicator and aggro readability 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($"Threat indicator and aggro readability 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 who enemies are targeting and where immediate danger is pointing without flooding the screen.

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

SYSRespawn wave timer and spectator recovery UI guideA practical guide to showing respawn timing, return conditions, spectator context, and post-spawn protection clearly.MAPAbility Range and Cast Confirmation UI Design GuideUse range rings, preview lines, and confirmation cues to reduce failed casts and combat confusion.