UI闪烁效果

需求：当玩家受到攻击时，屏幕边缘出现一层红色的平滑闪烁效果。

实现思路很简单——给一个覆盖全屏边缘的 Raw Image 绑定脚本，通过在协程里持续改变它 color 的 alpha 值，做出先淡入再淡出的闪烁动画。

脚本实现

下面的 Blink 脚本挂在带 RawImage 组件的 GameObject 上。它暴露了一个静态单例 ins，外部只需要调用 DoBlik() 就能触发一次完整的闪烁。

public class Blink : MonoBehaviour {
    static public     Blink ins;
    void Awake()
    {
        ins = this;

    }
	// Use this for initialization
	void Start () {

        StartCoroutine(doBlink());
	}

	// Update is called once per frame
	void Update () {

	}

    // externl interface to blink
    public void DoBlik()
    {
        StopCoroutine(doBlink());

        StartCoroutine(doBlink());
    }
    IEnumerator doBlink()
    {
        GetComponent<RawImage>().enabled = true;

        float delta=0.1f;

        //fade in
        for (float i = 0; i < 1; i += delta)
        {
            yield return new WaitForSeconds(0);
            GetComponent<RawImage>().color = new Color(1, 1, 1, i);
        }

        delta /= 2.0f;
        //fade out
        for (float i = 1; i > 0; i -= delta)
        {
            yield return new WaitForSeconds(0);
           GetComponent<RawImage>().color = new Color(1, 1, 1, i);
        }


//         for (float i = 0; i < 1; i += delta)
//         {
//             yield return new WaitForSeconds(0);
//             GetComponent<RawImage>().color = new Color(1, 1, 1, i);
//         }
//
//
//         for (float i = 1; i > 0; i -= delta)
//         {
//             yield return new WaitForSeconds(0);
//             GetComponent<RawImage>().color = new Color(1, 1, 1, i);
//         }

        GetComponent<RawImage>().enabled = false;

    }

}

要点说明

• 协程 doBlink() 分两段：第一段以步长 0.1 把 alpha 从 0 逐步加到 1 完成淡入，随后把步长折半再从 1 递减到 0 完成淡出，使得"出现快、消退慢"的观感更接近受击反馈。
• 每次循环用 yield return new WaitForSeconds(0) 让出一帧，避免一口气在同一帧里跑完整个循环。
• 进入协程前先把 RawImage 的 enabled 打开，协程结束再关闭，避免非闪烁状态下图像还残留在屏幕上。
• 对外暴露的 DoBlik() 在重新启动协程前先调用 StopCoroutine(doBlink())，防止短时间内多次触发造成叠加。