🎮 Unity 개발/Unity
easing graph(Animation Curve)
gameuiux
2023. 7. 26. 19:02
728x90
반응형
easing graph(Animation Curve)
트랜지션, 트윈 애니메이션 등을 적용할 때 텐션(긴장감)을 주기 위해 사용한다.
DoTween 사용해서 적용해보기
DoTween에서 기본으로 제공하는 Ease 값 만 선택해서 사용.
맨 아래에 있는 :: AnimationCurve를 선택하면 커브 값을 직접 조정할 수 있다.
기타 참고하기 좋은 사이트
Easing Functions Cheat Sheet
Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function.
easings.net
easing 비교 아래 파란 버튼들을 클릭해 선형 그래프와 선택한 그래프를 비교해볼 수 있다.
구글이나 핀터레스트에 easing graph를 검색해서 gif를 보는 것도 좋은 방법이다.
728x90
반응형