[Unity] DOTween

Learning 

When: 1학년 8월 14일

 

How:

동아리의 게임을 개발하다가 UI의 움직임을 전부 Animation으로 하기에는 조금 귀찮기도 하고 퀄리티도
좋지 못해서 심화반 영상에서 본 DOTween을 써보기 위해 공부하게 되었습니다.

 

Understanding:

• 정의 : DOTween은 Unity Asset Store에서 다운로드할 수 있는 에셋이고, 라이브러리이기도 합니다.
  DOTween으로 많은 것을 할 수 있지만 쉽게 설명하면 yield return new WaitForSeconds(0.1f);
  을 하고 알파값을 낮추는 것을 반복하면 자연스럽게 흐려지는 페이드가 되고, 속도를 올리면 속도가
  자연스럽게 늘어나는 등, 만들 수는 있지만 직접 구현하기엔 조금 귀찮은 것들을 메서드 하나로
  구현해 주는, 코드로 애니메이션을 구현할 수 있게 해주는 고마운 친구입니다.
• 메서드 설 : DOTween에는 엄청나게 많은 메서드가 있기 때문에 전부 설명할 수는 없지만 자주 쓰이는
  메서드를 정리해 보겠습니다. 참고로 Ease는 여러 가지 그래프라고 생각하시면 되는데, 점점 빠르게, 
  점점 느리게, 일정하게, 튕기게, 넘어갔다가 되돌아오기 이런 여러 가지 그래프 중 하나를 선택하여 
  값이 변하는 속도나 변화를 정할 수 있습니다.

이름	사용처	사용법
DOMove	원하는 위치로 원하는 시간동안 이동, 시간이 지날 수록 빠르게 하여 자연스러운 연출 등을 메서드 하나로 가능하게 해줍니다.	transform.DOMove(위치, 시간).SetEase(원하는 Ease);
DORotate	DOMove와 같이 원하는 각도로 각도를 조정해줍니다. 돌림판 같은 갈수록 속도가 줄어드는 연출 등에서 사용할 수 있습니다.	transform.DORotate(오일러 각도 (Vector3) , 시간).SetEase(원하는 Ease);
DOScale	시간동안 현재 스케일의 배수만큼 스케일을 바꿔줍니다. 마우스를 대고 있을 때 오브젝트가 커졌다 작아졌다를 반복할 때 등에서 사용할 수 있습니다.	transform.DOScale(배수, 시간).SetEase(원하는 Ease);
DOFade	시간동안 Image, Sprite 등의 알파값을 원하는 알파값으로 조정합니다.	sprite.DOFade(알파값, 시간);
DOColor	시간동안 원래 색에서 Color.red 등과 같은 색으로 바꿔줍니다.상태 이상에서 색이 계속 변하는 것 등을 표현할 수 있습니다.	sprite.DOColor(색, 시간);

 

Result: DOTween은 평소 UI 움직임을 애니메이션이나 코루틴으로 구현한 저에게 있어 엄청난 존재였는데, 이것을 빨리 알았다면 애니메이션 실력은 키우지 못했겠지만 그래도 작품의 완성도가 올라갔을 것을 생각하면 조금 더 빨리 배웠으면 좋았을 것 같습니다.