Unity实现背景图片淡入淡出效果

Z时代
2024-01-10
分类：综合

本文实例为大家分享了Unity实现背景图片淡入淡出的具体代码，供大家参考，具体内容如下

如题。背景是两个图片，每隔一段时间图片1 淡出，2 淡入，然后2淡出，1 淡入很简单

首先Unity建立两个 image1， image2. image1 在上面显示

然后我们设置 image1 的透明度，就是1 淡出， 2淡入。

代码如下：


using UnityEngine;
using System.Collections;
using UnityEngine.UI;
public class BgFadeInOut : MonoBehaviour
{
 public Image bgimages;
 public float showTime = 10;
 public float ShowTimeTrigger = 0;
 public float fadeTime = 3;
 public float fadeTimeTrigger = 0;
 private bool show=true;
 // Use this for initialization
 void Start()
 {
 }
 // Update is called once per frame
 void Update()
 {
 ShowTimeTrigger += Time.deltaTime; 
 if (ShowTimeTrigger > showTime)
 {
  if (fadeTimeTrigger >= 0 && fadeTimeTrigger < fadeTime)
  {
  fadeTimeTrigger += Time.deltaTime;
  if(show)
  {
   bgimages.color = new Color(1, 1, 1, 1 - (fadeTimeTrigger / fadeTime));
  }
  else
  {
   bgimages.color = new Color(1, 1, 1, (fadeTimeTrigger / fadeTime));
  }
  }
  else
  {
  fadeTimeTrigger = 0;
  ShowTimeTrigger = 0;
  if(show)
  {
   show = false;
  }
  else
  {
   show = true;
  }
  }
 }  
 }
}