표준 Unity 타일맵을 사용하여 하향식 2D 맵 만들기

페이지 업데이트 :
페이지 생성 날짜 :

검증 환경

윈도우
  • 윈도우 11
Unity 에디터
  • 2021.3.3f1
입력 시스템 패키지
  • 1.3.0

이 팁의 전제 조건

이 팁에 대한 설명의 전제로 다음 설정이 미리 이루어졌습니다.

MapTips 정보

옛날 게임에서는 용량 문제로 인해 단일 사진 맵을 준비하기가 어려웠습니다. "mapchips"라고 불리는 작은 이미지를 결합하여지도를 만드는 방법이 인기가있었습니다. 이를 통해 큰 이미지를 준비하지 않고도 작은 이미지 데이터만으로 방대한 지도를 표현할 수 있습니다.

이제 생성할 수 있는 파일의 크기에 거의 제한이 없어 맵칩을 사용하지 않고도 맵을 표현할 수 있습니다. 맵팁으로 지도를 만드는 것은 매우 쉽고 여전히 인기 있는 방법입니다.

Unity는 비교적 최근에 맵팁을 사용한 맵 생성을 지원했기 때문에 이 기능을 사용하여 일반적인 RPG 하향식 맵을 만들겠습니다.

그건 그렇고, 맵 칩의 크기는 16x16px, 32x32px 및 64x64px와 같이 다양합니다. 기본적으로 모양은 정사각형입니다. 이번에는 32x32px 크기를 사용합니다.

지도 자료의 대출에 대해서

불필요한 부분을 제거하고 다음 사이트에서 빌린 부품의 샘플로 사용했습니다.

프로젝트 만들기 및 이미지 준비

2D 프로젝트를 만든 후 프로젝트에 MapTip 이미지를 추가합니다.

그대로는 하나의 이미지일 뿐이므로 Unity가 칩 단위로 처리할 수 있도록 분할합니다. 프로젝트에 추가된 MapTip을 선택하여 검사기를 표시합니다.

각 항목은 인스펙터에 표시되므로 설정합니다.

항목 이름 설명
텍스처 유형 도깨비
스프라이트 모드 복수
단위당 픽셀 수 32 기본적으로 맵 칩과 크기가 같아야 하지만 만드는 게임에 따라 다릅니다.
메쉬 유형 완벽한 직사각형
필터 모드 필요한 경우
압축 없이 필요한 경우

구성이 완료되면 아래의 "적용" 버튼을 클릭합니다.

그런 다음 중간에 있는 "스프라이트 편집기" 버튼을 클릭합니다.

스프라이트 에디터(Sprite Editor) 대화상자가 나타나면 "슬라이스(Slice)" 드롭다운을 클릭하고, 유형을 Grid By Cell Size로 설정하고, 픽셀 크기 XY를 맵 팁과 같은 크기로 지정한 다음, 슬라이스 버튼을 클릭합니다.

그러면 이미지가 흰색 선으로 구분됩니다. 줄이 이해하기 어려운 경우 Ctrl 키를 눌러 녹색으로 바뀝니다.

확인되면 "적용" 버튼을 클릭하여 대화 상자를 닫습니다.

프로젝트에서 맵 팁 이미지의 오른쪽에 있는 버튼을 클릭할 때 분할 이미지가 표시되면 괜찮습니다.

타일맵 추가

게임 화면에 타일맵을 만들어 봅시다. 계층 구조 추가 버튼에서 "2D Object > Tilemap - > Rectangle"을 선택하여 추가합니다.

그런 다음 그리드와 Tipemap이 계층에 추가되고 둘 중 하나를 선택하면 그리드가 뷰에 표시됩니다.

타일 팔레트 구성

타일 팔레트에서 탭을 선택합니다. 그렇지 않은 경우 메뉴에서 창 > 2D > 타일 팔레트를 선택합니다.

새 팔레트 만들기를 선택하고 설명이 포함된 이름을 지정합니다. 여기서는 당분간 "MapChipPalette"를 사용합니다. 입력 후 "만들기" 버튼을 클릭합니다.

폴더 지정 대화 상자가 표시되므로 팔레트 이름과 같은 "MapChipPalette"로 만듭니다. 만들려는 팔레트는 방금 만든 폴더에 만들어집니다.

팔레트를 작성한 후 맵팁 이미지를 새로 작성된 팔레트에 놓습니다.

폴더 지정 대화 상자가 다시 표시되지만 방금 만든 폴더를 지정합니다.

맵 팁이 타일 팔레트에 추가된 것을 볼 수 있습니다.

또한 생성된 폴더 내부를 보면 분할된 이미지가 포함되어 있는 것을 볼 수 있습니다.

이제 지도를 만들 준비가 되었습니다.

지도 만들기

이제 준비가 되었으니 지도를 만들기만 하면 됩니다. 타일 팔레트에서 스포이드 아이콘을 선택합니다.

그런 다음 사용하려는 MapChip을 선택할 수 있으므로 배치할 MapTip을 선택합니다.

뷰에 표시된 그리드를 마우스로 클릭해 보십시오. 클릭한 위치에 맵팁을 배치해야 합니다.

그대로 드래그하여 계속 배치할 수도 있습니다.

다른 MapChips를 선택하고 배치 할 수도 있습니다.

함께 정렬하려면 타일 팔레트에서 사각형 아이콘을 선택합니다.

다음과 같은 범위로 정렬할 수 있습니다.

맵 팁을 제거하려면 타일 팔레트에서 지우개 아이콘을 선택하고 지우려는 위치를 클릭합니다.

또한 팔레트의 여러 셀에 걸쳐 있는 오브젝트를 배치하려면 팔레트에서 범위를 선택합니다.

그러면 범위가보기에 표시되고 클릭하여 함께 정렬 할 수 있습니다.

"선택", "이동", "채우기"와 같은 다른 아이콘이 있으므로 사용해보십시오.

그런 다음 원하는 대로 지도 칩을 배치하면 지도가 완성됩니다.

이번에는 카메라의 범위 내에서만 배치했습니다만, 더 넓은 범위의 맵을 작성하면, 게임 내에서 캐릭터를 이동하고 지도를 스크롤하는 동안 걷게 할 수도 있다고 생각합니다.