织梦狗教程 / 编程教程 / 编程语言 / C#/.NET开发 / 正文

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

织梦狗教程 C#/.NET开发

2023-01-16

这篇文章主要为大家详细介绍了Unity实现背景图片淡入淡出，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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;
  }
  }
 }  
 
 }
}

把脚本放到摄像机，然后把 image1 赋值给 bgimages。就可以了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程学习网。

织梦狗教程

本文标题为：Unity实现背景图片淡入淡出效果