新手引导遮罩与高亮的实现

最新推荐文章于 2026-05-22 11:06:31 发布

转载最新推荐文章于 2026-05-22 11:06:31 发布 · 3k 阅读

收录于

Unity

当前文章被收录于：

Unity

68 篇文章 6 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一个游戏新手引导界面的设计与实现方法，包括如何通过添加组件和脚本来实现高亮显示和取消高亮的功能，以及如何进行跳跃引导。

GuidePanel即新手引导界面

1、遮罩

GuidePanel添加张image，勾选Raycast Target，调整颜色并设置全屏。

2、高亮区域的显示

// 取消高亮
    private void CancelHightLight(GameObject go)
    {
        Destroy(go.GetComponent<GraphicRaycaster>());
        Destroy(go.GetComponent<Canvas>());
        //Next();
        EventTriggerListener.Get(go).onClick -= CancelHightLight;
    }

    // 跳跃引导
    private void JumpGuide()
    {
        GamePanel gamePanel = UIManager.Instance.GetUIPage<GamePanel>();
        if (gamePanel == null)
            return;

        GameObject jump = gamePanel.JumpBtn.gameObject;
        Canvas canvas = jump.AddComponent<Canvas>();
        canvas.overrideSorting = true;
        canvas.sortingOrder = 1;
        jump.AddComponent<GraphicRaycaster>();

        //设置监听
        EventTriggerListener.Get(jump).onClick += CancelHightLight; // 为跳跃按钮增加一个响应函数
    }