Unity中点击Play按钮后如何添加Fade淡入淡出场景转场效果？

前提：你已经提前制作完成Fade动画剪辑，原有Play按钮当前为点击后直接触发场景跳转。

• 第一步：清理原有跳转逻辑
  找到Play按钮的OnClick事件列表，删掉之前直接绑定的场景跳转调用，避免点击后直接切场景跳过动画。
• 第二步：搭建转场遮罩节点
  • 在当前主菜单场景新建渲染模式为Screen Space - Overlay的Canvas，将Sort Order设置为999（保证遮罩在所有UI最上层，不会被挡住）
  • 在该Canvas下新建全屏Image作为淡入淡出遮罩，重命名为FadeMask，初始颜色设为纯黑、alpha值为0（初始完全透明，不遮挡正常菜单显示）
  • 给FadeMask挂载Animator组件，把你做好的Fade动画对应的Animator Controller赋值给组件
• 第三步：配置动画逻辑

  如果你做好的Fade是「透明→纯黑→透明」的完整整段剪辑，不需要拆分动画片段；如果是分开的淡出、淡入两段剪辑，在Animator状态机里按顺序连线即可

  • 给Animator新增一个Trigger类型参数StartFade，作为触发转场动画的信号
  • 找到Fade动画中遮罩刚好完全变黑的那一帧，给这一帧添加Animation Event，用来触发真正的场景加载
• 第四步：挂载转场控制脚本
  把下面的脚本挂到FadeMask节点上，在Inspector面板赋值你要跳转的游戏场景名称：

  using UnityEngine;
  using UnityEngine.SceneManagement;
  
  public class FadeSceneTransition : MonoBehaviour
  {
      private Animator _fadeAnimator;
      public string targetSceneName;
      public static FadeSceneTransition Instance;
  
      void Awake()
      {
          // 单例避免重复生成遮罩
          if (Instance != null)
          {
              Destroy(gameObject);
              return;
          }
          Instance = this;
          _fadeAnimator = GetComponent<Animator>();
          // 切换场景时不销毁遮罩，保证覆盖完整转场流程
          DontDestroyOnLoad(transform.root.gameObject);
      }
  
      // 给Play按钮绑定的点击入口方法
      public void TriggerTransition()
      {
          _fadeAnimator.SetTrigger("StartFade");
      }
  
      // 给Fade动画全黑帧的动画事件绑定这个方法，在黑幕状态下切场景
      public void LoadSceneOnFadeComplete()
      {
          SceneManager.LoadScene(targetSceneName);
      }
  }
  

• 第五步：完成绑定调试
  • 回到Fade动画的全黑帧，把刚才添加的Animation Event绑定到LoadSceneOnFadeComplete()方法
  • 选中Play按钮，在OnClick事件里新增绑定，指向FadeSceneTransition组件的TriggerTransition()方法
  • 打开Build Settings面板，确认要跳转的目标场景已经加入场景列表，且名称和脚本里填写的targetSceneName完全一致
• 常见问题排查
  • 如果转场时黑幕被其他UI挡住，检查FadeMask所在Canvas的Sort Order数值，确保比场景内所有其他Canvas的排序值都高
  • 如果点击按钮没有反应，检查Animator的Trigger参数名是不是和脚本里写的StartFade完全一致，大小写敏感
  • 如果切场景后出现两个黑幕，检查脚本里的单例判重逻辑是否正常生效

内容的提问来源于stack exchange，提问作者Don