아이소메트릭(Isometric) 2D/3D 게임 타일 배치 & 그리드 에디터(ISOGRID Studio)는 모바일 및 데스크톱 브라우저 환경에서 별도의 그래픽 프로그램 설치 없이 쿼터뷰(Isometric 2.5D) 게임 레벨을 직관적으로 그리드 상에 배치하고 입체 지형을 구축할 수 있는 웹 기반 레벨 에디터 솔루션입니다.

슬레이트 블루와 깔끔한 화이트 톤으로 정돈된 [클린 앤 미니멀 라이트 모드 (Clean & Minimal)] UI 테마를 바탕으로 제작되었으며, 멀티 레이어 Z-높이 입체 압출, 4가지 절벽/건물/자연/사이버 그래픽 타일셋, 실시간 조명 및 그림자 오버레이, 플레이어 캐릭터 탐색 워크 모드 및 JSON/PNG 데이터 내보내기를 원스톱으로 제공합니다.

🌟 핵심 주요 기능

📐 정교한 아이소메트릭 투영 엔진 & Z-높이 다층 스택 (3D Elevation Stacking):
- 64x32px 정밀 아이소메트릭 그리드 투영 산술 및 스크린-투-그리드 역행렬 광선 감지.
- Z=0 지면부터 Z=10 이상의 다단계 입체 스택을 형성하여 절벽, 성벽, 계단, 다리, 다층 건물을 손쉽게 구축할 수 있습니다.
- 뒤에서 앞으로 겹침 현상(Z-fighting) 없이 완벽하게 렌더링되는 Painter’s Depth Sorting 알고리즘 적용.
🎨 클린 앤 미니멀 라이트 테마 UI & 유연한 반응형 이원화 인터페이스:
- 모바일 터치 환경(1핑거 배치, 2핑거 팬/핀치 줌, 터치 Z-높이 조절바)과 데스크톱 마우스/키보드 단축키(S/P/E/B/X/I, Ctrl+Z, Shift+드래그)를 모두 고려한 유연한 뷰포트.
- 슬레이트 스티치 스타일의 좌측 타일 팔레트 & 우측 조명/레이어 인스펙터 패널.
🛠️ 전문 레벨 디자이너 툴킷:
- 배치 (Pencil): 선택한 타일을 지정한 좌표 및 Z-높이에 즉시 배치.
- 높이 압출/돌출 (Extrude): 타일 위를 클릭 및 드래그하여 높이를 올리거나 내리는 3D 지형 편집.
- 영역 채우기 (Box Fill): 사각형 입체 영역 전체를 특정 타일로 동시 채우기.
- 스포이드 (Picker) & 지우개 (Eraser): 캔버스 타일 즉시 선택 및 정점 삭제.
☀️ 실시간 조명, 태양 각도 & 앰비언트 오클루전 그림자 연출:
- 대낮(Daylight), 석양 노을(Golden Hour), 사이버펑크 네온(Neon Night), 새벽 안개(Dawn) 4가지 시간대 분위기 프리셋.
- 태양 빛 각도(0°~360°)와 앰비언트 오클루전(AO) 입체 그림자 명암 실시간 조작.
🎮 인터랙티브 워크 탐색 모드 (Player Walk Test):
- ‘워크 플레이’ 모드 전환 시 귀여운 아이소메트릭 아바타가 생성되어 레벨 위를 탐색.
- 키보드 WASD / 방향키 조종 및 계단/높낮이 지형 자동 높이 감지.
📂 다양한 에셋 내보내기 & JSON/JS 코드 자동 생성:
- 고해상도 PNG 스냅샷 다운로드.
- JSON 맵 데이터 세이브/로드 (프로젝트 보관 및 엔진 연동).
- HTML5 Canvas 렌더링 독립형 JS 코드 즉시 생성.