[아카이브] 동적 메이플스토리 맵 뷰어

정적 합성 이미지에 더해 메이플스토리 맵 원본 레이어와 프레임 애니메이션을 브라우저에서 직접 구성하는 동적 맵 기능을 추가했습니다.

• 전체 맵 검색: 마을·사냥터·이벤트를 포함한 13,033개 맵을 지역명, 맵 이름, 맵 ID와 초성으로 검색
• 전체 레이어 순서 교정: 배경을 front 분리 후 원본 index로 정렬하고 Back→Layer별 Obj·Reactor·Tile·Foothold Life→Sky Life→Front 순서를 적용
• 배경 모드 재현: type 4~7 자동 스크롤, 프레임 alpha·blend, 화면 비율별 screenMode 배경 선택을 적용
• 동적 깊이 정렬: 타일·생명체·reactor의 현재 애니메이션 프레임 z와 원본 index를 기준으로 앞뒤 관계를 갱신
• 무봉제 타일 렌더링: 타일의 실제 좌우·상하 경계를 동일한 디바이스 픽셀 격자에 맞추고 타일에만 1물리픽셀 겹침을 적용해 확대·축소 시 가느다란 조합선 제거
• 몬스터 발판 정렬: 몬스터를 원본 cy에 배치하고 누락된 래스터 origin은 히트박스에 보존된 원본 originX/Y로 복원
• 기어드락 Spine 맵: 공식 Spine 4.1 Canvas 런타임으로 기어드락의 Spine 배경·오브젝트를 기존 레이어 사이에 동적으로 합성
• 방향 안내 토글: guide tutorial key와 arrow 계열의 방향 안내 오브젝트를 기본 숨김으로 두고 버튼을 켠 경우에만 표시
• 미니맵 배치: 미니맵을 좌측 상단으로 이동하고 Spine 자산 로딩 상태는 우측 상단으로 분리
• NPC·몬스터 애니메이션: 현재 보이는 래스터 프레임만 지연 로드하고 발판 좌표에 맞춰 재생
• 맵 분석 오버레이: 발판·사다리·로프, 포털, 이동 범위, 몬스터 히트박스와 미니맵을 독립적으로 켜고 끄기
• 탐색 조작: 데스크톱과 모바일에서 드래그 이동, 확대·축소, 전체 맵 맞춤 지원
• 운영 점검: 관리자 페이지에서 배포 번들의 생성 시각, 맵 수, 추출 경고와 기능 상태 확인
• 대용량 최적화: 18GB 전체 번들을 브라우저나 서버 메모리에 올리지 않고 선택한 맵의 장면과 화면에 보이는 자산만 스트리밍
• 로딩 점멸 방지: 애니메이션 오브젝트와 배경은 전체 래스터 프레임이 준비된 뒤 재생해 프레임별 지연 로딩으로 생기던 반짝임을 제거
• 초기 카메라 배율: 전체 맵 맞춤 대신 캐릭터와 오브젝트의 원본 크기가 보이는 100% 배율로 시작하고 시작 포털을 우선 중앙에 배치
• 맵 경계 카메라: VRLeft·Right·Top·Bottom 안에서 카메라를 제한해 맵 바깥 빈 공간을 노출하지 않고 마지막 발판이 화면 가장자리에 닿은 위치에서 이동을 정지
• 미니맵 뷰포트 제한: 축소 시 현재 화면의 파란 사각형을 미니맵 이미지와 교차한 영역으로 clamp하고 선 두께까지 이미지 내부에 유지
• 미니맵 툴팁 카드: 최대 300×180 이미지, 최소 190px 콘텐츠 폭, 둥근 모서리, 청색 그라데이션·이중 테두리·광택·구분선을 적용

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