TIL

[7/8] DOTween 애니메이션 도입

youngjin02 2025. 7. 9. 03:27

🎮 오늘 한 일

  • 팝업에 DOTween으로 애니메이션 도입
    → 알파값 페이드 + 팝업 살짝 튀는 스케일 애니메이션 적용
    → CanvasGroup 이용해서 부드럽게 나타나고 사라지게 처리
  • 기존 MessagePopup에 직접 적용
    → 버튼 유무에 따라 노출 분기 처리 그대로 유지
    → 애니메이션만 자연스럽게 붙임

🧠 배운 점 / 느낀 점

  • CanvasGroup 알파값으로 fade 처리하면 자연스러움
    → 단순 SetActive보다 훨씬 좋음
  • cgFade = GetComponent<CanvasGroup>() 로 자동 할당 가능
    → 인스펙터에서 비워둬도 문제 없음
  • DOFade() → 알파값 변화, DOScale() → 튀는 느낌 연출
    → 팝업 연출은 이 두 개로도 충분함
  • 애니메이션이 필요한 UI는 AnimationRect 쪽 활용도 고려 가능
    → 현재는 팝업에만 사용 중