unity3d 用RawImage组件实现场景淡入淡出

效果:按下B键场景逐渐变黑,按下C键场景逐渐透明

  淡入淡出用于游戏开始、结束和场景过度。由UGUI的RawImage组件实现,思路是用代码改变RawImage的透明度,为节约开销,采用了委托的观察者模式,详细步骤如下:

1、在Hierachy面板中新建三个空物体,分别命名为UI_Manager、Fade和Test。

2、由于有外部物体引用UI_Manager,所以为UI_Manager添加Tag,Tag也命名为UI_Manager。

3、添加RawImage组件:一定要右键--UI--添加RawImage或者从菜单栏GamrObject处添加RawImage组件,而不能从component添加,添加完成后调整为如下图层级。

4、添加脚本:FadeInOut.cs挂在RawImage上,FadeInOutControl.cs挂在UI_Manager上,testEvent.cs挂在临时测试的Test上。

5、由于U_Manager引用了U_Manager,且为内部引用,故将RawImage直接拖入U_Manager的FadeInOut兰中。

为避免在编辑场景的时候中心总有个RawImage的黑块,影响编辑,故需将RawImage前面的√去掉,由代码在运行时激活。

6、分别重置 UI_Manager、Cavas、dade和FadeRawImage的transform(即分别点transform-->reset)。

7、将RawImage的Color调整为黑色。

测试:运行场景,按下B键屏幕逐渐变黑,按下C键逐渐透明则表示测试成功,很简单吧?

附三个代码如下:

1、FadeInOut.cs

/***************************场景淡入淡出******************************/

//用法:挂在RawImage组件上

//功能:场景淡入淡出

//注意:注意reset  RawImage的位置,否则可能无效果,一定要右键--UI--添加RawImage或者从菜单栏GamrObject处添加RawImage

//       组件,而不能从component添加。

//设计:闲云野鹤

//环境:vs2017.15.7.3  unity3d2018 1.5f1

//版本:1.0

//时间:2018.8.25

/***************************场景淡入淡出******************************/

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.SceneManagement;//注意添加命名空间

using UnityEngine.UI;//注意添加RawImage命名空间

public class FadeInOut : MonoBehaviour

{

    public bool isBlack = false;//不透明状态

    public float fadeSpeed = 1;//透明度变化速率

    RawImage rawImage;

    void Start()

    {

        RectTransform rectTransform = GetComponent<RectTransform>();

        rectTransform.sizeDelta = new Vector2(Screen.width, Screen.height);//使背景满屏

        rawImage = GetComponent<RawImage>();

        rawImage.color = Color.clear;

        // SceneManager.LoadScene("menu");//切换场景

    }

    void Update()

    {

        if (rawImage.color.a > 0.001f && isBlack == false)

            rawImage.color = Color.Lerp(rawImage.color, Color.clear, Time.deltaTime * fadeSpeed*0.5f);//渐亮

        if (rawImage.color.a <= 0.999f && isBlack == true)

            rawImage.color = Color.Lerp(rawImage.color, Color.black, Time.deltaTime * fadeSpeed);//渐暗

    }

}

2、FadeInOutControl.cs

/***************************控制场景淡入淡出******************************/

//用法:与FadeInOut脚本关联使用

//功能:控制FadeInOut淡入淡出脚本

//注意:无

//设计:闲云野鹤

//环境:vs2017.15.7.3  unity3d2018 1.5f1

//版本:1.0

//时间:2018.8.25

/***************************控制场景淡入淡出******************************/

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI;//注意添加RawImage命名空间

public class FadeInOutControl : MonoBehaviour

{

    FadeInOut fadeInOut;

    public GameObject rawImage;

    void Start()

    {

        rawImage.SetActive(true);

        fadeInOut = rawImage.GetComponent<FadeInOut>();

    }

    public void BackGroundControl(bool b)

    {

        if (b == true)

            fadeInOut.isBlack = true;

        else

            fadeInOut.isBlack = false;

    }

}

3、testEvent.cs

/***************************监听场景淡入淡出事件******************************/

//用法:与FadeInOut脚本关联

//功能:监听淡入淡出事件

//注意:无

//设计:闲云野鹤

//环境:vs2017.15.7.3  unity3d2018 1.5f1

//版本:1.0

//时间:2018.8.25

/***************************监听场景淡入淡出事件******************************/

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

public class testEvent : MonoBehaviour {

   FadeInOutControl fadeInOutControl;

    delegate void  BackupGroundDelegate(bool b);//委托

    BackupGroundDelegate dele;

       void Start () {

        fadeInOutControl = GameObject.FindWithTag("UI_Manager").GetComponent<FadeInOutControl>();

        dele =fadeInOutControl.BackGroundControl;

       }

       void Update () {

        if (Input.GetKeyDown(KeyCode.B))//事件触发

            dele(true);

        if (Input.GetKeyDown(KeyCode.C))//事件触发

            dele(false);

    }

}

测试成功后删除Test物体。以后可在任何脚本中加入如下代码即可触发场景淡入淡出:

  delegate void  BackupGroundDelegate(bool b);//委托

       void Start () {

        fadeInOutControl = GameObject.FindWithTag("UI_Manager").GetComponent<FadeInOutControl>();

        dele =fadeInOutControl.BackGroundControl;

       }

...........dele(true);//淡出

...........dele(false);//淡入

发布了13 篇原创文章 · 获赞 766 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/qq_34593121/article/details/82107113