unity中图片的淡入淡出

图片氛围两种(一种是在Canvas下的Image;一种是sprite)

  • 实现的思路:
    在这里插入图片描述
    或者直接修改color.a
    在这里插入图片描述
  • 实现过程
    using System.Collections;
    using System.Collections.Generic;
    using UnityEngine;
    using UnityEngine.UI;

public class UIFun : MonoBehaviour {
public Image BackImage;
public float AppearTime = 5f;//展示的时间
public float AppearTimeTrigger = 0f;//
public float FadeTime = 3f;
public float FadeTimeTrigger = 0f;
public bool Show = true;
// Use this for initialization
void Start() {
}

// Update is called once per frame
void Update() {

    AppearTimeTrigger += Time.deltaTime;//展示的时间不断增加
    if (AppearTimeTrigger > AppearTime)//当已到达临界点
    {
        if (FadeTimeTrigger >= 0 && FadeTimeTrigger < FadeTime)
        {
            FadeTimeTrigger += Time.deltaTime;
            if (Show)
            {

                BackImage.color = new Color(1, 1, 1, 1 - (FadeTimeTrigger / FadeTime));//淡出
            }
            else
            {
                BackImage.color = new Color(1, 1, 1, (FadeTimeTrigger / FadeTime));//淡入
            }
        }
    }
}

}
今天跑过来修改一下,因为有问题【2020.01.02】实现原理(alpha值从0到1的变换啦)
刚刚写了,又删了。既然自己已经走过弯路了,何必去祸害别人了,如果自己想实现原理,设定一个固定时间,设定一个监听,监听的数加到固定时间的时候再除以固定时间(换句话就是自己除以自己就得1)这个过程就是淡入。反过来理解,1减去上面慢慢接近1的数,这样就为0,就实现了淡出。【这个方法需要了解的,可以私信我】
【用插件吧】,有时候工作需要效率,快捷,用一行代码解决的问题,何必用十几行的了。using DG.Tweening;
在这里插入图片描述

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: 在Unity实现淡入淡出效果有多种方法。一种方法是使用Canvas下的Image组件,通过修改color.a属性来实现。另一种方法是使用Sprite来实现。 在动画剪辑,可以使用Idle剪辑来处理淡入效果,将Victory_Dance剪辑的前外插设置为None。淡入效果是通过Idle剪辑的Post-Extrapolate属性设置实现的。 为了让剪辑的外插和淡入淡出正常处理,有几个要注意的点。如果想要外插有效果,不要设置淡入效果,而是让其他的剪辑来处理外插。如果想要淡入效果有效果,不要设置外插效果,而是让其他的剪辑来处理淡入效果。 以上是一种总结,具体实现方法还需根据具体情况来确定。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [unity图片淡入淡出](https://blog.csdn.net/weixin_42322893/article/details/95455608)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Unity - Timeline 之 Easing-in and easing-out clips(剪辑的淡入淡出)](https://blog.csdn.net/linjf520/article/details/104522889)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值