[유니티/Unity] 마스크 사용해서 DOTween 애니메이션 만들기

---

서론

로고에 빛이 지나가는 애니메이션을 추가해주기 위해 마스크를 적용하고 애니메이션을 추가했습니다.

 

 

 

 

---

1.  계층 구조

로고 이미지 안에 그라데이션 이미지를 종속시키고 그라데이션 이동을 위한 Move 오브젝트를 사이에 따로 추가했습니다.

 

 

 

---

2.  로고 이미지 추가

Logo에 로고 이미지, DOTween Scale 애니메이션, Mask 컴포넌트를 추가합니다.

Scale 애니메이션 Loops에 -1을 넣어 반복되게 만들어주고 Type을 Yoyo를 넣고 재생/역재생이 반복되게 만들어줍니다.

 

 

 

 

---

3.  이동하기 추가

Move에 DOTween Move 애니메이션을 추가합니다.

 

좌표를 X -1000정도의 위치에 놓고 TO에 1000정도의 값을 주면

-1000에서 +1000좌표까지 서서히 이동하게 됩니다.

 

Loops에 -1을 넣어 반복되게 만들어주고 Type을 Restart를 넣어 좌표 이동이 매번 처음부터 반복되게 만들어줍니다.

 

 

 

---

4.  그라데이션 이미지 추가

Deco에 그라데이션 이미지를 추가하고 Rotation Z를 40정도 주면

살짝 돌아간 그라데이션 이미지가 상위 Move 오브젝트에 의해 이동하게 되고

최상단 Logo 이미지에 의해 마스크가 적용됩니다.

 

 

---

참고 https://freezer09.tistory.com/4