유니티 타일 꾸미기

📌 타일 꾸미기

• 유니티 TilePalette 기능을 통해 타일 맵 생성과 충돌 구현

 

📌 구현 목록

🎁 타일 리소스 찾기

https://gowldev.itch.io/nature-pixels-v2

Nature Pixels V2 | Top-down Pixel Art Asset Pack by Gowl

• itch.io에서 괜찮은 무료 타일 에셋 하나 구하기

🔧 TilePalette

 

• 타일 팔레트에서 타일들을 첨부하기, 첨부할 때 최대한 보기 좋게 정리하는걸 추천함
  
  

🔧 타일 맵

 

완성된 타일맵 예시

작업 할 때 상단의 Focus On을 타일 맵으로 설정

• 타일 맵을 만들때는 한번에 디자인 하는것이 아닌 여러개의 타일 레이어로 구분하여 작업해야 한다.
  
  

🔧 BackGround Tile

 

• 백그라운드 타일은 플레이어 기준으로 뒤를 표현하는 배경 타일이다.
• 플레이어 이미지 보다는 뒤에서 표현되야 되므로, 플레이어 order 값이 5일 경우
  백그라운드 레이어 order 값을 5미만으로 잡아줘야 한다.
  
  

🔧 ForeGround Tile

 

• 포어그라운드 타일은 플레이어 기준으로 앞을 표현하는 배경 타일이다.
• 플레이어 이미지 보다는 앞에서 표현되야 되므로 넉넉하게 order를 20으로 주고 작업하였다.
  
  

🔧 Collision Tile

 

• 충돌 타일은 플레이어 진행 경로를 설정하기 위해 만든 타일이다.
• 타일을 그리고 이미지 알파값을 0으로 주어 보이지는 않지만 주황색 테두리로 맵을 채워주고 있다.

• 그리고 해당 타일 컴포넌트에 타일맵 콜라이더를 추가하여, 플레이어가 맵 밖으로 나가는걸 방지해준다.
  
  

 

💡 결과 화면

완성된 타일맵 배치