실행 시키면 버튼에서 버튼으로 여러개의 스프라이트 이미지가 버튼에서 버튼으로 이동된다.
itween과 DOTween을 이용해 스프라이트를 뿌려보자.
만드는 순서는 다음과 같다.
1. 캔버스 "Render Mode"를 "Screen Space - Camera"로 바꾼다.
렌더모드가 "Screen Space - Overlay"인 경우 스프라이트가 버튼 아래에 그려진다.
버튼 위에 그리기 위해 렌더 모드를 "Screen Space - Camera"로 바꾼다.
2. ugui를 다음과 같이 만든다.
ui를 다음과 같이 배치 한다.
3. 스프라이트 이미지를 설정한다.
이미지 "Texture Type"을 "Sprite (2D and UI)"로 설정한다.
4. 스프라이트 이미지를 프리팹으로 만든다.
스프라이트 이미지를 버튼에서 버튼으로 여러개 뿌려주기 위해 프리팹을 만든다.
ugui 보다 위에 그려주기 위해 "Order in Layer"를 1로 설정한다.
5. 색깔있는 버튼 스크립트를 작성한다.
iTween으로 실행되는 스크립트이다. 색깔있는 버튼의 컴포넌트로 추가 한다.
UIFxFromTo.cs 파일
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class UIFxFromTo : MonoBehaviour
{
public int amount;
public GameObject uifxObject;
public GameObject original;
public GameObject destination;
public iTween.EaseType easeType;
public float rate;
public float lifeTime;
public Vector3 offset;
public void RunFromTo()
{
StartCoroutine("FromTo");
}
IEnumerator FromTo()
{
for (int i = 0; i < amount; i++)
{
var fx = Instantiate(uifxObject, original.transform.position, Quaternion.identity) as GameObject;
fx.transform.SetParent(original.transform);
iTween.MoveTo(fx, iTween.Hash("position", destination.transform.position + offset, "easetype", easeType, "ignoretimescale", true, "time", lifeTime));
Destroy(fx, lifeTime + 1);
yield return new WaitForSeconds(rate);
}
}
}
using System.Collections.Generic;
using UnityEngine;
public class UIFxFromTo : MonoBehaviour
{
public int amount;
public GameObject uifxObject;
public GameObject original;
public GameObject destination;
public iTween.EaseType easeType;
public float rate;
public float lifeTime;
public Vector3 offset;
public void RunFromTo()
{
StartCoroutine("FromTo");
}
IEnumerator FromTo()
{
for (int i = 0; i < amount; i++)
{
var fx = Instantiate(uifxObject, original.transform.position, Quaternion.identity) as GameObject;
fx.transform.SetParent(original.transform);
iTween.MoveTo(fx, iTween.Hash("position", destination.transform.position + offset, "easetype", easeType, "ignoretimescale", true, "time", lifeTime));
Destroy(fx, lifeTime + 1);
yield return new WaitForSeconds(rate);
}
}
}
6. target 버튼 스크립트를 작성한다.
DOTween으로 실행되는 스크립트이다. 색깔있는 버튼의 컴포넌트로 추가 한다.
UiVFXFromTo.cs 파일
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;
public class UiVFXFromTo : MonoBehaviour
{
public int amount;
public GameObject uifxObject;
public GameObject original;
public GameObject destination;
public Ease easeType;
public float rate;
public float lifeTime;
public Vector3 offset;
public void RunFromTo()
{
StartCoroutine("FromTo");
}
IEnumerator FromTo()
{
for (int i = 0; i < amount; i++)
{
var fx = Instantiate(uifxObject, original.transform.position, Quaternion.identity) as GameObject;
fx.transform.SetParent(original.transform);
fx.transform.DOMove(destination.transform.position + offset, lifeTime, false)
.SetEase(easeType);
//iTween.MoveTo(fx, iTween.Hash("position", destination.transform.position + offset, "easetype", easeType, "ignoretimescale", true, "time", lifeTime));
Destroy(fx, lifeTime + 1);
yield return new WaitForSeconds(rate);
}
}
}
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;
public class UiVFXFromTo : MonoBehaviour
{
public int amount;
public GameObject uifxObject;
public GameObject original;
public GameObject destination;
public Ease easeType;
public float rate;
public float lifeTime;
public Vector3 offset;
public void RunFromTo()
{
StartCoroutine("FromTo");
}
IEnumerator FromTo()
{
for (int i = 0; i < amount; i++)
{
var fx = Instantiate(uifxObject, original.transform.position, Quaternion.identity) as GameObject;
fx.transform.SetParent(original.transform);
fx.transform.DOMove(destination.transform.position + offset, lifeTime, false)
.SetEase(easeType);
//iTween.MoveTo(fx, iTween.Hash("position", destination.transform.position + offset, "easetype", easeType, "ignoretimescale", true, "time", lifeTime));
Destroy(fx, lifeTime + 1);
yield return new WaitForSeconds(rate);
}
}
}
