浅谈NGUI中的淡入淡出效果

原创 2015年07月09日 16:27:55


最近在做一些小特效,需要用到淡入淡出的效果,用于场景的切换什么的。其实淡入淡出,实际上就是在改变物体(场景)的alpha值。有两个比较方便的方法可以实现:


1、使用UGUI的组件。 在NGUI的组件里面,有一个TweenAlpha的组件,这个是改变物体透明度,从From值到To值。本来可以直接在物体里面绑定好这个组件就可以使用了,因为考虑到移植性和灵活个人定制的问题,所以我就把它做成了一个小模块FadeScript。


using UnityEngine;
using System.Collections;

public class FadeScript : MonoBehaviour
{

    private static GameObject mTarget;

    public static void fadeIn(GameObject target, float duration = 1.5f)
    {
        target.SetActive(true);
        TweenAlpha ta = target.GetComponent<TweenAlpha>();
        ta.enabled = true;
        ta.from = 0f;
        ta.to = 1f;
        ta.ResetToBeginning();
        ta.duration = duration;
        ta.PlayForward();
    }

    public static void fadeOut(GameObject target, float duration = 1.5f)
    {
        mTarget = target;
        TweenAlpha ta = target.GetComponent<TweenAlpha>();
        ta.enabled = true;
        ta.from = 1f;
        ta.to = 0f;
        ta.duration = duration;
        ta.ResetToBeginning();
        ta.PlayForward();
        ta.onFinished.Clear();
        EventDelegate.Add(ta.onFinished, OnFinished);//绑定播放完动画之后执行的事件
        
    }

    static void OnFinished()
    {
        if (mTarget != null)
        {
            mTarget.SetActive(false);
            mTarget = null;
        }
    }
}

2、使用Unity的动画效果,给物体附上一个Animator,让Animator去管理和播放Animation,Animation中设置并改变物体UISprite的Alpha值即可




版权声明:本文为博主原创文章,未经博主允许不得转载。

UGUI 实现界面 渐隐渐现 FadeIn/Out 效果

其实熟悉NGUI的人,应该知道  实现渐隐渐现 FadeIn/Out 效果是很方便的,因为父对象 的 改变会自动影响到子对象。 比如 UIWidget、UIPanel等组件都有 Alpha属性,在In...
  • u010019717
  • u010019717
  • 2015年07月10日 09:11
  • 8006

Unity3D里的镜头实现淡入淡出用Color.color方法的实现

要实现一个出场淡入淡出的效果不用NGUI的效果,也不用GUI的效果,用这个Color.color的方法;这个方法如下图:最后一个float a 是指Alpha 为了看到实际的应用看下图;a...
  • alayeshi
  • alayeshi
  • 2015年03月26日 11:01
  • 3214

iTween基础之Fade(淡入淡出)

一、基础介绍 FadeTo:从当前透明度变到目标透明度 FadeFrom:从给定透明度变到原始透明度 FadeUpdate:类似于FadeTo,在Update()方法或循环环境中调用。提供每帧改变属性...
  • dingkun520wy
  • dingkun520wy
  • 2016年03月18日 16:28
  • 4273

【NGUI】实现淡入淡出提示框功能

这次我们要实现一个游戏UI开发中很常见的功能:淡入淡出提示框。功能很简单,接下来我就用以下两种方式来处理。 NGUI的TweenAlpha方式 首先挂载一个TweenAlpha组件,设...
  • yangyy753
  • yangyy753
  • 2015年06月23日 12:38
  • 2064

HTML5 - 用CSS3动画制作场景切换效果(移动,旋转,淡入淡出等)

两个场景(即两个div视图)切换的时候,如果想添加个过渡动画,除了可以使用js来实现,还可以通过CSS3的animation属性来实现。 (注意:Internet Explorer 9 以及更早的...
  • u014063717
  • u014063717
  • 2016年03月17日 13:08
  • 8188

【jQuery】使用JQ来编写面板的淡入淡出效果

本文与上一篇的《【jQuery】使用JQ来编写最基本的淡入淡出效果》(点击打开链接)为姊妹篇, 但上一篇只是对文本的基本控制,本篇则是对面板元素进行控制。 虽然功能上非常类似,但是所用到的控制函数是...
  • yongh701
  • yongh701
  • 2014年10月31日 11:22
  • 1659

jQuery 入门教程(6): 淡入淡出效果

 jQuery 提供了下面几种方法可以实现显示的淡入淡出效果: fadeIn() fadeOut() fadeToggle() fadeTo() fadeIn()方法 ...
  • zhouzhiwengang
  • zhouzhiwengang
  • 2014年01月14日 14:19
  • 343

Android自定义ListView实现第一可见项和最后可见项的淡入淡出效果

先上效果图:(demo背景颜色太白了,所以效果不是很好) 本来想实现这个效果的,但是在网上简单搜了一下,都没人讲解一下这个怎么实现,因此本人也花了一些功夫来搞。 首先思考实现思路:...
  • cc_lova_wxf
  • cc_lova_wxf
  • 2016年04月08日 16:33
  • 1745

JQuery 效果之隐藏与显示、淡入淡出、滑动、回调

1、隐藏 hide(); show(); toggle();2、淡入淡出 slideDown(); slideUp(); slideToggle();3、回调(当动画完成后调用)代码如下:...
  • summergreenhtml
  • summergreenhtml
  • 2015年08月20日 21:37
  • 571

Android UI:看看Google官方自定义带旋转动画的ImageView-----RotateImageView怎么写(附 图片淡入淡出效果)

Android UI:看看Google官方自定义带旋转动画的ImageView-----RotateImageView怎么写(附 图片淡入淡出效果) 分类: Android开发2014-03...
  • pi9nc
  • pi9nc
  • 2014年04月04日 09:28
  • 2375
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:浅谈NGUI中的淡入淡出效果
举报原因:
原因补充:

(最多只允许输入30个字)