デッキ構築カードゲームの作り方#11｜守る・受ける・回復するときの演出

using System.Collections;
using TMPro;

    [SerializeField] private Sprite chargeIcon;

    [Header("★#11 攻撃の動き")]
    [SerializeField] private Vector2 lungeOffset = new Vector2(-180f, 0f); // 踏み込む向きと距離
    [SerializeField] private float stepInSeconds = 0.12f;                  // 踏み込む時間
    [SerializeField] private float stepOutSeconds = 0.25f;                 // 戻る時間

    private int actionIndex; // 次に使う行動の番号
    private Vector2 homePosition; // ★#11 並んだときの位置

        actionIndex = 0;
        ShowIntent();
        homePosition = ((RectTransform)transform).anchoredPosition; // ★#11 EnemyParty が置いた位置を覚えておく
    }

    // ★#11 前へ踏み込む（だんだん速く）
    public IEnumerator StepIn()
    {
        yield return Slide(homePosition, homePosition + lungeOffset, stepInSeconds);
    }

    // ★#11 元の位置へ戻る
    public IEnumerator StepOut()
    {
        yield return Slide(homePosition + lungeOffset, homePosition, stepOutSeconds);
    }

    // ★#11 from から to へ、seconds 秒で動かす
    private IEnumerator Slide(Vector2 from, Vector2 to, float seconds)
    {
        RectTransform rectTransform = (RectTransform)transform;
        float time = 0f;
        while (time < seconds)
        {
            time += Time.deltaTime;
            float t = Mathf.Clamp01(time / seconds);
            rectTransform.anchoredPosition = Vector2.Lerp(from, to, t * t);
            yield return null;
        }
        rectTransform.anchoredPosition = to;
    }

            if (action.attack > 0)
            {
                yield return StartCoroutine(enemy.StepIn());  // ★#11 前へ踏み込む
                player.TakeDamage(action.attack);
                yield return StartCoroutine(enemy.StepOut()); // ★#11 元の位置へ戻る
            }

using UnityEngine;
using UnityEngine.UI;

// 画面のふちを赤く光らせて、だんだん消す（スライムちゃんがダメージを受けたとき）
[RequireComponent(typeof(Image))]
public class DamageVignette : MonoBehaviour
{
    [SerializeField] private float fadeSeconds = 0.5f; // 消えるまでの時間
    [SerializeField] private float maxAlpha = 0.6f;    // 一番濃いときの濃さ

    private Image image;
    private float timeLeft;

    private void Awake()
    {
        image = GetComponent<Image>();
        SetAlpha(0f);
    }

    public void Play()
    {
        timeLeft = fadeSeconds;
    }

    private void Update()
    {
        if (timeLeft <= 0f)
        {
            return;
        }
        // ヒットストップ中も消えていくように、unscaledDeltaTime で減らす
        timeLeft = Mathf.Max(0f, timeLeft - Time.unscaledDeltaTime);
        SetAlpha(maxAlpha * timeLeft / fadeSeconds);
    }

    private void SetAlpha(float alpha)
    {
        Color color = image.color;
        color.a = alpha;
        image.color = color;
    }
}

    [SerializeField] private float hitStopSeconds = 0.06f;               // ★#10 時間を止める長さ

    [Header("★#11 スライムちゃん用")]
    [SerializeField] private Sprite hurtSprite;        // 痛がる絵（空なら絵を変えない）
    [SerializeField] private float hurtSeconds = 0.5f; // 痛がる絵を出しておく時間
    [SerializeField] private bool showVignette;        // 画面のふちを赤くする（スライムちゃんだけチェック）

    private RectTransform body;
    private Image bodyImage;       // ★#11
    private IdleBounce idleBounce; // ★#11 痛がっている間は止める（付いていなければ null）
    private Vector2 startPosition;

    private ScreenShake screenShake;     // ★#10
    private DamageVignette damageVignette; // ★#11

    private void Start()
    {
        body = (RectTransform)transform;
        startPosition = body.anchoredPosition;
        bodyImage = GetComponent<Image>();       // ★#11
        idleBounce = GetComponent<IdleBounce>(); // ★#11
        flashImage.color = Color.clear;

        effectSpawner = FindFirstObjectByType<EffectSpawner>(); // ★#10
        hitStop = FindFirstObjectByType<HitStop>();             // ★#10
        screenShake = FindFirstObjectByType<ScreenShake>();     // ★#10
        damageVignette = FindFirstObjectByType<DamageVignette>(); // ★#11
    }

        screenShake.Play(damage);                             // ★#10 揺らす
        if (showVignette)
        {
            damageVignette.Play();                            // ★#11 画面のふちを赤く
        }
    }

    private IEnumerator FlashAndKnockback()
    {
        // ★#11 痛がる絵に変える
        if (hurtSprite != null)
        {
            if (idleBounce != null)
            {
                idleBounce.enabled = false;
            }
            bodyImage.sprite = hurtSprite;
        }
        flashImage.sprite = bodyImage.sprite; // ★#11 今の絵の形で光らせる（Start から移した）

        // 白く光って、後ろへ押される
        flashImage.color = Color.white;

        body.anchoredPosition = startPosition;

        // ★#11 少し痛がってから、待機の動きに戻す
        if (hurtSprite != null)
        {
            yield return new WaitForSeconds(hurtSeconds);
            if (idleBounce != null)
            {
                idleBounce.enabled = true;
            }
        }
    }

        hitReaction = GetComponentInChildren<HitReaction>(); // ★#10（★#11 スライムちゃんは子の Slime に付くので InChildren に）

    [SerializeField] private bool showVignette;        // 画面のふちを赤くする（スライムちゃんだけチェック）

    [Header("★#11 防御の盾")]
    [SerializeField] private RectTransform shieldIcon; // HpGauge の盾（BlockBadge）

    // ★#11 防御が増えたとき：盾がポンと大きくなる
    public void PlayBlockGained()
    {
        PopShield();
    }

    // ★#11 盾を大きくする（Update で元の大きさに戻る）
    private void PopShield()
    {
        shieldIcon.localScale = Vector3.one * 1.6f;
    }

    private void Update()
    {
        shieldIcon.localScale = Vector3.Lerp(shieldIcon.localScale, Vector3.one, Mathf.Min(1f, 12f * Time.deltaTime));
    }

    public void AddBlock(int amount)
    {
        block += amount;
        Debug.Log($"{fighterName}の防御 +{amount}　防御 {block}");
        if (hitReaction != null)
        {
            hitReaction.PlayBlockGained(); // ★#11
        }
    }

    // ★#11 文字と色を変える（防いだ数字・回復の数字）
    public void SetLabel(string label, Color color)
    {
        text.text = label;
        text.color = color;
    }

    [SerializeField] private ParticleSystem sparksPrefab;

    [Header("★#11 防御と回復")]
    [SerializeField] private ParticleSystem blockSparksPrefab;
    [SerializeField] private Color blockColor = new Color(0.29f, 0.56f, 0.85f); // 防いだ数字の色（青）

    // ★#11 防いだ量を青い数字で出して、青い火花で弾く
    public void ShowBlocked(int blocked, Vector3 position)
    {
        ShowLabel(blocked.ToString(), blocked, blockColor, position);
        Instantiate(blockSparksPrefab, position, Quaternion.identity);
    }

    // ★#11 文字と色を指定して、数字を出す
    private void ShowLabel(string label, int amount, Color color, Vector3 position)
    {
        DamagePopup popup = Instantiate(damagePopupPrefab, popupLayer);
        popup.transform.position = position;
        popup.Setup(amount);
        popup.SetLabel(label, color);
    }

    // ★#11 防御で受けとめたとき：盾がはねて、青い数字と青い火花
    public void PlayBlocked(int blocked)
    {
        PopShield();
        effectSpawner.ShowBlocked(blocked, shieldIcon.position);
    }

        // ★#10 HP が減ったら、反応を出す（★#11 防いだときの反応も）
        if (hitReaction != null)
        {
            if (blocked > 0)
            {
                hitReaction.PlayBlocked(blocked);
            }
            if (damage > 0)
            {
                hitReaction.Play(damage);
            }
        }

    [SerializeField] private Color blockColor = new Color(0.29f, 0.56f, 0.85f); // 防いだ数字の色（青）
    [SerializeField] private ParticleSystem healSparklesPrefab;
    [SerializeField] private Color healColor = new Color(0.18f, 0.68f, 0.36f);  // 回復の数字の色（緑）

    // ★#11 回復した量を緑の数字で出して、キラキラを上げる
    public void ShowHeal(int amount, Vector3 position)
    {
        ShowLabel("+" + amount, amount, healColor, position);
        Instantiate(healSparklesPrefab, position, Quaternion.identity);
    }

    // ★#11 回復したとき：緑の数字とキラキラ
    public void PlayHeal(int amount)
    {
        effectSpawner.ShowHeal(amount, transform.position);
    }

    public void Heal(int amount)
    {
        hp = Mathf.Min(maxHp, hp + amount);
        Debug.Log($"{fighterName}のHPが{amount}回復　HP {hp}/{maxHp}");
        if (hitReaction != null)
        {
            hitReaction.PlayHeal(amount); // ★#11
        }
    }

    [SerializeField] private TextMeshProUGUI blockText;

    [Header("★#11 減った分を白く残す")]
    [SerializeField] private Image hpLag;              // HpFill の後ろの白いゲージ
    [SerializeField] private float lagDelay = 0.4f;    // 減ってから縮み始めるまでの時間
    [SerializeField] private float lagSpeed = 1.2f;    // 縮む速さ（1秒でゲージ何本分か）

    private Fighter fighter;
    private float lagFill = 1f;      // ★#11 白いゲージの長さ（0〜1）
    private float previousFill = 1f; // ★#11 前のフレームの HP の割合
    private float lagTimer;          // ★#11 縮み始めるまでの残り時間

        // HP のゲージと数字
        float fill = (float)fighter.Hp / fighter.MaxHp;
        hpFill.fillAmount = fill;
        UpdateLag(fill); // ★#11
        hpText.text = $"{fighter.Hp}/{fighter.MaxHp}";

    // ★#11 白いゲージを、少し待ってから HP に追いつかせる
    private void UpdateLag(float fill)
    {
        if (fill < previousFill)
        {
            lagTimer = lagDelay; // 減った瞬間から数え直す
        }
        previousFill = fill;

        if (fill > lagFill)
        {
            lagFill = fill; // 回復したときは、すぐにそろえる
        }
        else if (lagTimer > 0f)
        {
            lagTimer -= Time.deltaTime;
        }
        else
        {
            lagFill = Mathf.MoveTowards(lagFill, fill, lagSpeed * Time.deltaTime);
        }
        hpLag.fillAmount = lagFill;
    }