本文へスキップ
Game UI Design

Perfect parry and just-guard feedback design guide

A practical guide to parry timing windows, success cues, failure readability, and learning loops that keep defensive combat from feeling unfair.

公開日: 2026-07-10#Parry#Just Guard#Combat UI#Beginner

Quick Start

Start with a tiny working version

Parries and just-guards are exciting because they turn defense into a skill expression moment, but they also create frustration very quickly when players cannot tell why they failed. In many projects the real problem is not that the timing window is short.

Build it in small code pieces

1. 値を用意する

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

ParryGuardTutorial.cs
csharp
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float parryWindowSeconds = 1f;
    [SerializeField] private float guardReduction = 2f;
    [SerializeField] private float inputOffsetSeconds = 3f;

2. 状態を変える

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

ParryGuardTutorial.cs
csharp
    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "通常ガード" : step == 1 ? "成功判定" : "失敗を返す";
        if (statusText != null)
        {
            statusText.text = $"{label}\nparryWindowSeconds={parryWindowSeconds:0.##}\nguardReduction={guardReduction:0.##}\ninputOffsetSeconds={inputOffsetSeconds:0.##}";
        }

3. 画面に表示する

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

ParryGuardTutorial.cs
csharp
        if (statusText != null)
        {
            statusText.text = $"{label}\nparryWindowSeconds={parryWindowSeconds:0.##}\nguardReduction={guardReduction:0.##}\ninputOffsetSeconds={inputOffsetSeconds:0.##}";
        }
        Debug.Log($"パリィとジャストガード: {label}");

Complete script

ParryGuardTutorial.cs
csharp
using UnityEngine;
using TMPro;

public class ParryGuardTutorial : MonoBehaviour
{
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float parryWindowSeconds = 1f;
    [SerializeField] private float guardReduction = 2f;
    [SerializeField] private float inputOffsetSeconds = 3f;

    private int step;

    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "通常ガード" : step == 1 ? "成功判定" : "失敗を返す";
        if (statusText != null)
        {
            statusText.text = $"{label}\nparryWindowSeconds={parryWindowSeconds:0.##}\nguardReduction={guardReduction:0.##}\ninputOffsetSeconds={inputOffsetSeconds: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

A practical guide to parry timing windows, success cues, failure readability, and learning loops that keep defensive combat from feeling unfair.

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

SYSThreat indicator and aggro readability design guideA practical guide to showing who enemies are targeting and where immediate danger is pointing without flooding the screen.MAPAbility Range and Cast Confirmation UI Design GuideUse range rings, preview lines, and confirmation cues to reduce failed casts and combat confusion.