스프라이트 시트 규격 정하기
스프라이트 시트를 행·열 계산으로 읽으면 프레임이 한 행을 넘는 순간 조용히 틀립니다. 걷는 동작이 절반에서 튀는 원인과 명시 좌표로 바꾼 이유를 실제 매니페스트와 함께 정리했습니다.
애니메이션
setInterval로 만든 애니메이션이 미세하게 떨릴 때
setInterval 33ms 틱과 60Hz 화면의 위상이 어긋나 애니메이션이 떨립니다. 실측으로 원인을 잡고 rAF 로 옮긴 과정입니다.
앱이 멈췄다 깨어나면 캐릭터가 순간이동하는 이유 — dt 클램프
앱이 멈췄다 깨어나면 밀린 시간이 한 틱에 몰려 순간이동이 납니다. dt 상한을 두고 나머지를 버리는 이유와 값을 정하는 기준입니다.