언어 바꾸기English
이전 목록

읽어볼 수 있도록 풀어 쓴 UI 이징 곡선 12가지

Twelve UI easing curves, written out so you can read them

TL;DR AI

핵심 요약

1분
  1. 이 글은 UI 애니메이션과 트위닝에 쓰이는 12가지 이징 커브를 순수한 수식 형태로 정리해 JavaScript, C#, Unity 등에서 동일하게 구현할 수 있게 했다.

  2. overshoot와 anticipate 계열처럼 예외 처리가 필요한 곡선도 따로 설명하며, 상태 없이 계산되는 포터블한 방식에 초점을 맞췄다.

  3. 런타임 계산이 부담되는 엔진을 위해 샘플 테이블 기반 접근도 함께 제시했고, 근사값과 정확한 수식을 비교했다.

원문 보기