타일맵 에디터
타일셋 이미지를 올리거나 기본 샘플 타일로 2D 게임 맵을 그려요. 여러 레이어, 채우기와 사각형 도구, JSON·CSV·PNG 내보내기를 지원하고 작업은 브라우저에 자동 저장돼요.
타일셋
맵
내보내기와 불러오기
사용 방법
이런 때 쓰면 좋아요
작은 2D 게임이나 게임잼 프로젝트에서는 무거운 전용 프로그램을 설치하기보다 바로 열리는 맵 에디터가 편할 때가 많아요. 이 도구는 타일셋 이미지 한 장과 타일 크기만 알면 바로 맵을 그릴 수 있게 만들었어요.
레이어는 바닥, 장식, 위층 세 개예요. 바닥에 풀과 물을 깔고, 장식에 나무와 상자를 올리고, 위층에는 캐릭터보다 앞에 그려질 지붕이나 나뭇잎을 두면 돼요. 내보낸 JSON에는 레이어별 타일 번호가 한 줄 배열로 들어가서 어떤 엔진에서도 쉽게 읽을 수 있어요.
타일 번호는 타일셋의 왼쪽 위부터 오른쪽으로, 다음 줄로 이어서 0부터 매겨요. 빈 칸은 -1이에요. 작업 중인 맵은 브라우저에 자동 저장되니 창을 닫았다 열어도 이어서 할 수 있어요.
자주 묻는 질문
내보낸 JSON은 어떤 형식인가요?
width, height, tileSize, tilesetColumns와 layers 배열이 들어 있어요. 각 레이어의 data는 가로 줄부터 차례로 나열한 타일 번호 배열이에요.
타일 사이에 여백이 있는 타일셋도 되나요?
지금은 여백 없이 붙어 있는 타일셋만 정확히 나눠요. 여백이 있다면 이미지 편집 도구에서 먼저 여백을 없애 주세요.
자동 저장은 어디에 되나요?
이 브라우저의 로컬 저장소에 저장돼요. 브라우저 데이터를 지우면 사라지니 중요한 맵은 JSON으로 받아 두세요. 아주 큰 타일셋 이미지는 자동 저장에서 빠질 수 있어요.
샘플 타일을 게임에 써도 되나요?
네. 샘플 타일은 이 도구가 코드로 직접 그린 단순한 그림이라 자유롭게 써도 돼요.
휴대폰에서도 그릴 수 있나요?
손가락으로 그릴 수 있어요. 다만 화면이 작아서 큰 맵은 PC가 훨씬 편해요.