로그인
← 패치노트 목록으로
메이플스토리 연동

2026년 9월 2일 07:44 기준으로 저장된 과거 내용입니다.

최신 내용 보기 →

[아카이브 수정] 캐시 이펙트 Canvas 픽셀 합성

캐시 이펙트 프레임을 CSS 이미지 대신 아바타와 동일한 픽셀 Canvas 좌표계에서 합성합니다.

작업 중

적용 서비스 바로가기

클릭하면 이 업데이트가 적용된 관련 페이지로 직접 이동합니다.

상태 변경 기록

변경 시점을 클릭하면 그때 게시된 내용을 볼 수 있습니다. 스냅샷 기능 도입(2026년 8월 25일) 이전 기록은 내용 복원이 불가합니다.

1

프레임마다 달라지는 origin은 원본 PNG 여백과 중심을 보정하는 데이터입니다. CSS left/top과 transform으로 프레임을 교체하면 서브픽셀 재래스터화 때문에 중심이 좌우로 흔들릴 수 있었습니다.

  • 후면·전면 이펙트를 각각 투명 Canvas에 직접 블릿합니다.
  • root, brow/neck/navel 앵커, origin, scale을 하나의 좌표계에서 계산합니다.
  • 최종 목적 좌표·크기를 정수 픽셀로 스냅하고 imageSmoothingEnabled=false를 적용합니다.
  • z 음수는 아바타 Canvas 아래, 0 이상은 위에서 합성합니다.
  • 다중 숫자 트랙은 독립 delay 시계로 동시에 재생합니다.
  • Canvas에 192px 오버플로 여백을 확보해 큰 프레임도 잘리지 않습니다.

현재 개발 서버에서 작업 중이며 정식 배포 후 적용 완료로 전환됩니다.

넥슨 오픈 API · 메이플IP 리소스 사용중