easing graph(Animation Curve)

easing graph(Animation Curve)

트랜지션, 트윈 애니메이션 등을 적용할 때 텐션(긴장감)을 주기 위해 사용한다.

 

기본 Linear(선형)

 

 

 

DoTween 사용해서 적용해보기

DoTween에서 기본으로 제공하는 Ease 값 만 선택해서 사용.

맨 아래에 있는 :: AnimationCurve를 선택하면 커브 값을 직접 조정할 수 있다.

 

 

---

 

기타 참고하기 좋은 사이트

https://easings.net/ko#

Easing Functions Cheat Sheet

easing 비교 아래 파란 버튼들을 클릭해 선형 그래프와 선택한 그래프를 비교해볼 수 있다.

구글이나 핀터레스트에 easing graph를 검색해서 gif를 보는 것도 좋은 방법이다.