麦田物语学习笔记:场景切换淡入淡出和动态UI显示

基本流程

人物在切换场景有些僵硬,所以增加淡入淡出效果

1.代码思路

(1)核心原理是控制Fade Panel中的CanvasGroup中的Alpha值的大小来实现淡入淡出的效果

(2)用协程去表示变黑或变透明

(3)人物输入被阻拦的情况下,人物却还在移动,这个问题需要解决

2.代码实现

在TransitionManager中去获取相应变量,并实现相应协程

cs 复制代码
private CanvasGroup fadeCanvasGroup;

private bool isFade;

private void OnTransitionEvent(string sceneToGo, Vector3 positionToGo)
{
    if(!isFade)
        StartCoroutine(Transition(sceneToGo, positionToGo));
}

private IEnumerator Transition(string sceneName, Vector3 targetPosition)
{
    //呼叫卸载场景之前要做的事
    EventHandler.CallBeforeSceneUnloadEvent();

    yield return Fade(1);

    yield return SceneManager.UnloadSceneAsync(SceneManager.GetActiveScene());

    yield return LoadSceneSetActive(sceneName);

    //移动人物坐标
    EventHandler.CallMoveToPosition(targetPosition);

    yield return Fade(0);

    //呼叫加载场景之后的事件
    EventHandler.CallAfterSceneLoadedEvent();
}

private IEnumerator Fade(float targetAlpha)
{ 
    isFade = true;

    fadeCanvasGroup.blocksRaycasts = true;//控制玩家在加载的过程中无法点击

    float speed = Mathf.Abs(fadeCanvasGroup.alpha - targetAlpha) / Settings.fadeDuration;

    while (!Mathf.Approximately(fadeCanvasGroup.alpha, targetAlpha))//因为判断浮点型相等不易判断,所以取近似就行了
    {
        fadeCanvasGroup.alpha = Mathf.MoveTowards(fadeCanvasGroup.alpha, targetAlpha, speed * Time.deltaTime);
        yield return null;
    }

    fadeCanvasGroup.blocksRaycasts = false;

    isFade = false;
}

新增Settings中的变量

cs 复制代码
public const float fadeDuration = 0.8f;

修正Player在加载过程的动画问题

cs 复制代码
private void Update()
{
    if(!inputDisable)
        PlayerInput();
    else
        isMoving = false;
    SwitchAnimation();
}

private void FixedUpdate()
{
    if(!inputDisable)
        Movement();
}

最终效果

相关推荐
云上艺旅7 小时前
K8S学习之基础七十四:部署在线书店bookinfo
学习·云原生·容器·kubernetes
你觉得2057 小时前
哈尔滨工业大学DeepSeek公开课:探索大模型原理、技术与应用从GPT到DeepSeek|附视频与讲义下载方法
大数据·人工智能·python·gpt·学习·机器学习·aigc
A旧城以西8 小时前
数据结构(JAVA)单向,双向链表
java·开发语言·数据结构·学习·链表·intellij-idea·idea
无所谓จุ๊บ8 小时前
VTK知识学习(50)- 交互与Widget(一)
学习·vtk
FAREWELL000758 小时前
C#核心学习(七)面向对象--封装(6)C#中的拓展方法与运算符重载: 让代码更“聪明”的魔法
学习·c#·面向对象·运算符重载·oop·拓展方法
吴梓穆9 小时前
UE5学习笔记 FPS游戏制作38 继承标准UI
笔记·学习·ue5
Three~stone9 小时前
MySQL学习集--DDL
数据库·sql·学习
齐尹秦9 小时前
HTML 音频(Audio)学习笔记
学习
V---scwantop---信10 小时前
英文字体:大胆都市街头Y2Y涂鸦风格品牌海报专辑封面服装字体 Chrome TM – Graffiti Font
笔记·字体
瞌睡不来10 小时前
(学习总结32)Linux 基础 IO
linux·学习·io