Tween 컴포넌트는 시간에 따라 크기, 위치 회전, 칼라 알파값등을 보간 할수 있도록 지원 한다.
버튼을 클릭하면 오브젝트가 작아졌다 원래 크기로 돌아 오는 스크립트를 작성해 보자.
크기 변화는 TweenScale 컴포넌트를 이용 하면 된다.
다음과 같이 작동되는 환경을 만들어 보자.
- 버튼을 클릭하면 트윈을 이용해 오브젝트 크기를 0.01배로 작게 한다.
- 트윈이 끝나면 Restore 함수에서 원래 크기로 되돌린다.
코드로 트윈 생성 , 메소드 변경, 이벤트 딜리게이트
새로운 트윈 생성 하기 : 코드로 트윈을 생성한다.TweenScale.Begin (target, duration, Vector3.one * 0.01f);
트윈 이펙트 메소드 설정 : 트윈 메소드를 지정한다. 지정안하면 Linear가 기본적으로 선택 된다.
UITweener tween = TweenScale.Begin (target, duration, Vector3.one * 0.01f);
tween.method = UITweener.Method.EaseInOut;
이벤트 딜리게이트( 콜백 메소드 ) - 두메소드의 결과는 동일하다
트윈이 끝났을때 콜백 함수를 지정할 수 있다.
EventDelegate.Set (tween.onFinished, this.Restore);
tween.SetOnFinished (this.Restore);
EventDelegate.Set 대신 EventDelegate.Add로 여러 개의 콜백 메소드도 추가 할수 있다.
전체 코드는 다음과 같다.
using UnityEngine;
using System.Collections;
public class RestoreScaleOnClick : MonoBehaviour {
public GameObject target;
public float duration = 0.3f;
private void OnClick()
{
UITweener tween = TweenScale.Begin (target, duration, Vector3.one * 0.01f);
tween.method = UITweener.Method.EaseInOut;
//EventDelegate.Set (tween.onFinished, this.Restore); 아래 콜백과 동일
tween.SetOnFinished (this.Restore);
}
private void Restore()
{
TweenScale.Begin (target, duration, Vector3.one);
}
}
using System.Collections;
public class RestoreScaleOnClick : MonoBehaviour {
public GameObject target;
public float duration = 0.3f;
private void OnClick()
{
UITweener tween = TweenScale.Begin (target, duration, Vector3.one * 0.01f);
tween.method = UITweener.Method.EaseInOut;
//EventDelegate.Set (tween.onFinished, this.Restore); 아래 콜백과 동일
tween.SetOnFinished (this.Restore);
}
private void Restore()
{
TweenScale.Begin (target, duration, Vector3.one);
}
}
인스펙트 뷰에서 메소드 지정
NGUI에서 콜백 함수 역할을 하는것은 이벤트 딜리게이트( EventDelegate )이다.
이벤트 딜리게이트로 이벤트 Notify, Method 필드를 설정 할수 있다.
EventDelegate를 변수로 추가하여 함수가 끝났을때 불리도록 한다.
using UnityEngine;
using System.Collections;
public class RestoreScaleOnClick : MonoBehaviour {
public EventDelegate onFinishedScale;
public GameObject target;
public float duration = 0.3f;
private void OnClick()
{
UITweener tween = TweenScale.Begin (target, duration, Vector3.one * 0.01f);
tween.method = UITweener.Method.EaseInOut;
//EventDelegate.Set (tween.onFinished, this.Restore); 아래 콜백과 동일
tween.SetOnFinished (onFinishedScale);
}
public void Restore()
{
TweenScale.Begin (target, duration, Vector3.one);
}
}
using System.Collections;
public class RestoreScaleOnClick : MonoBehaviour {
public EventDelegate onFinishedScale;
public GameObject target;
public float duration = 0.3f;
private void OnClick()
{
UITweener tween = TweenScale.Begin (target, duration, Vector3.one * 0.01f);
tween.method = UITweener.Method.EaseInOut;
//EventDelegate.Set (tween.onFinished, this.Restore); 아래 콜백과 동일
tween.SetOnFinished (onFinishedScale);
}
public void Restore()
{
TweenScale.Begin (target, duration, Vector3.one);
}
}
UIPlayTween 컴포넌트
UIPlayTween 컴토넌트는 이벤트가 발생시 트윈 컴포넌트를 제어 할수 있는 컴포넌트이다.
한 오브젝트에서 여러개의 UIPlayTween 컴포넌트를 가질수 있다.
 |
|
On Activation: 트윈이 이미 실행 중일때 동작을 설정한다.
- Continue From Current 현재 실행중인 트윈을 계속 실행
- Restart Tween 현재 실행중인 트윈을 멈추가 다시 시작
- Restart If Not Playing 트윈이 실행되고 있지 않는 경우에만 트윈 다시 시작
게임오브젝트에서 여러개의 Tweener를 가질수 있다. Tween Group을 다르게 지정하여 Tweener를 제어할수 있다.
씬 로딩 할때 TweenAlpha로 Fade Out 효과주기
"Game" 씬을 로딩할때, UI 배경을 점점 투명하게 만들고 0.5초 후에 UI 카메라를 비활성화 한다.
"Game" 씬을 로딩후에 EnterGameRoutine ( ) 함수를 부르면 된다.
메뉴로 다시 돌아갈때는 카메라를 활성화 하고 투명한 메뉴를 0.5 초후에 불투명하게 만든다.
//MenuManager.cs 소스
public Camera uiCamera;
public GameObject background;
private IEnumerator EnterGameRoutine()
{
TweenAlpha.Begin(background, 0.5f, 0);
yield return new WaitForSeconds(0.5f);
uiCamera.enabled = false;
}
public void LoadGameScene()
{
Application.LoadLevel("Game");
StartCoroutine("EnterGameRoutine");
}
//-------------------------------------------------------------------------------
//GameManager.cs 소스
private IEnumerator EnterMenu()
{
MenuManager.Instance.uiCamera.enabled = true;
TweenAlpha.Begin(MenuManager.Instance.background, 0.5f, 1);
yield return new WaitForSeconds(0.5f);
Application.LoadLevel("Menu");
}
public void ReturnToMenu()
{
//.....
StartCoroutine(EnterMenu());
}
public Camera uiCamera;
public GameObject background;
private IEnumerator EnterGameRoutine()
{
TweenAlpha.Begin(background, 0.5f, 0);
yield return new WaitForSeconds(0.5f);
uiCamera.enabled = false;
}
public void LoadGameScene()
{
Application.LoadLevel("Game");
StartCoroutine("EnterGameRoutine");
}
//-------------------------------------------------------------------------------
//GameManager.cs 소스
private IEnumerator EnterMenu()
{
MenuManager.Instance.uiCamera.enabled = true;
TweenAlpha.Begin(MenuManager.Instance.background, 0.5f, 1);
yield return new WaitForSeconds(0.5f);
Application.LoadLevel("Menu");
}
public void ReturnToMenu()
{
//.....
StartCoroutine(EnterMenu());
}