29. 물리엔진 & 타일맵 사용하기

이번 시간부터는 조금 더 고급게임?을 만들 수 있도록 물리 엔진을 활용하는 방법에 대해 알려 드리겠습니다.

물리 엔진을 사용하기 위해 Box2D extension을 libs 폴더에 넣어 줍니다.(타일맵 사용을 위해 TiledMap extension도 같이 폴더에 넣어 주겠습니다.) library 추가 후에는 항상 File -> Sync Project with Gradle files 실행해 줍니다.

이것으로 물리엔진 및 타일맵 사용을 위한 세팅은 완료되었습니다. 다음은 타일맵 사용법에 대해 설명해 드리겠습니다.

Tiled(mapeditor.org)

타일맵을 만들기 위해 Tiled 라는 툴을 다운받아 사용합니다.

Tiled 설치 후 실행 -> New Map 클릭

format -> Base64(zlib compressed) 를 선택하고, 만들고자하는 타일의 수, 한 타일의 픽셀 입력후 Save As… 클릭 -> 파일 이름 입력

타일맵이 만들어 지면 New Tileset… 클릭

Browse.. 를 눌러 타일맵 만들 때 사용할 타일셋 이미지를 불러와 Save As… 클릭

위와 같이 타일맵을 눌러 본격적으로 타일 맵을 작성합니다.

타일 맵을 그리는 방법은 오른쪽에서 타일셋을 골라 상단에 채워 넣는 방법을 선택하고 그림그리듯이 타일 맵을 채우고 타일맵 완성 후 저장해 줍니다.

하지만 지금 상태로 사용하면 에러가 발생하는데 이것은 AndEngine은 개발이 중단 되었지만 Tiled 는 지금되 계속해서 업데이트가 되고 있기 때문에 tmx 파일의 포맷이 달라서 그런 것 같습니다.(?) 만들어진 tmx 파일을 에디터를 이용해 열어 보면 위와 같이 xml 포맷인 것을 알 수 있는데, 제가 참고했던 책의 예제와 비교해보니 3번째 라인의 포맷이 다른 것을 발견했습니다.

위와 같이 책소스를 참고해 tmx 파일을 수정해 주면 정상적으로 사용하실 수 있습니다.

assets 폴더에 tmx 폴더를 만들고 위에서 수정한 tmx 파일을 넣어주고, 타일셋 이미지는 gfx 폴더에 넣어 줍니다.

게임 엑티비티에 TMXTiledMap을 선언해 주고

onCreateScene() 메서드에 위와 같이 작성

게임을 실행해 보면 위와 같이 조금 전 만든 타일맵이 화면에 보여 지는 것을 확인하실 수 있습니다.

안드로이드 스튜디오 소스

완성된 게임(Hammer King)

13. 소리/음악 파일 다운로드 및 처리 툴

게임에서 소리 및 음악도 많은 부분을 차지 합니다. 그래서 무료 소리 및 음악 파일을 다운 받을 수 있는 사이트를 몇 곳 소개해 드리겠습니다.

무료 소리 및 음악 다운로드 사이트

1) zapsplat : 무료로는 10분에 파일 3개까지만 다운로드 가능하기 때문에 작업하면서 필요한 파일들은 미리 다운 받아 놓고 작업하시다가 10분 후 또 받고 이런씩으로 사용하시면 됩니다.

2) cc mixter

3) freesound

4) Free Sound Effects

다운 받은 소리들을 사용하다보면 특정 부분만 잘라서 사용한다 던가 편집이 필요한 일이 생기는데 이럴 때 사용할 수 있는 무료 오디오 소프트웨어도 소개해 드리겠습니다.

Audacity

다음 시간에는 소리 및 음악 파일을 게임에 적용시켜 보겠습니다.

완성된 게임

1) Animal Cards

2) Finger Runner

5. 이미지 소스 다운로드 & 툴 소개(Pixabay & Paint.net)

게임을 만들기 위해서는 많은 이미지 파일들이 필요합니다. 직접 그리거나 그래픽 디자이너를 고용한다면 가장 좋겠지만 저같은 돈 없는 공돌이 출신은 직접 해결해야 합니다. 그래서 저는 상업적으로 사용할 수 있는 무료 이미지를 다운 받을 수 있는 itch.io를 주로 이용합니다.(이미지 뿐만 아닌 폰트, 사운드 등 게임 제작시 필요한 모든 asset들을 찾을 수 있습니다.)

https://itch.io/game-assets/free

https://www.kenney.nl/assets

pixabay(무료 이미지)

다음은 이미지 파일을 다루기 위해 포토샾 같은 그래픽 툴이 필요한데, 포토샾 등 전문 이미지 툴을 다룰줄 아시는 분들은 다음 으로 바로 넘어 가시면 됩니다. 무료 이용 가능하고 사용하기 쉬운 Paint.net 을 소개해 드립니다.

Paint.net

추가로 Paint.net 에서 사용할 수 있는 Grid Maker Plugin 도 같이 사용하면 매우 유용합니다.

Grid Maker Plugin

Grid Maker Plugin에 대해 간단하게 설명 드리겠습니다. 위와 같이 먼저 레이어를 추가합니다.

‘효과’ -> ‘렌더링’ -> ‘Grid/Checkerboard’ 클릭

만들고자 하는 그리드의 픽셀 입력 후 ‘확인’ 클릭

위와 같이 그리드가 표시되게 되어 애니메이션 이미지 등을 만들 때 유용합니다. 필요에 따라 레이어를 활성화/비활성화해서 사용하시면 됩니다.

완성된 게임

1) Animal Cards

2) Finger Runner