맵 layer 설정하기
tiled에서 맵 layer를 지원하기 때문에 바닥과 object를 서로 분리가 가능하다.
레이어 하나를 사용하게될 경우를 확인해 보자.
아무것도 없는 맵에 바닥 이미지만 설정한 후 object를 넣어보자.
위 사진과 같이 나무 object는 배경을 투명이지만 같은 layer를 사용하면 바닥을 지워버리고 object가 들어가는것을 확인할 수 있다.
위 같은 문제 때문에 layer를 나누는게 좋다.
우선 tile layer와 object layer를 나눠보자.
tiled 맵 에디터 우측에 layers 탭을보면 현재 사용중인 layer가 보이고(tileLayer) 밑에 아이콘을 보면 new layer가 있다 new layer를 눌러 objectLayer를 생성한다.
여기에서는 tile layer를 추가로 생성해서 이름을 objectLayer로 바꾸었다.
생성 후 objectLayer를 클릭하여 선택하고 object tile을 찍어준다.
layer를 나누면 이렇게 바닥을 유지하면서 object를 생성할 수 있다.
그리고 나는 nextjs에서 phaser를 사용하기 때문에 map저장을 json형태로 저장하여 사용한다.
macos 기준으로 cmd+shift+e를 누르면 다른 이름 저장이 뜨는데 그곳에서 json으로 저장하면 맵은 준비가 완료된다.
흠..