[📚정보] [왕초보용] 선택지 텍스트 게임 twine으로 만든 뒤 웹앱 만들기

안녕하세요. 게임 개발 고수분들이 많은 곳으로 알고 있습니다.

저는 게임의 ㄱ자도 모르다가 텍스트 게임을 만들고 싶어 html으로 시작했는데요.

혹시 과거의 저같은 왕초보 분이 있으실까 정보글을 남깁니다.

이곳저곳에 정보글을 쓰느라 다른 곳에서도 제 글을 보실 수도 있습니다.

아무쪼록 텍스트 게임을 만드시는 왕초보 인디 게임 개발자분께 미약하게나마 도움이 되길 바랍니다.

-----------

텍스트 게임 제작자 분들 중에서도 코딩에 대해 아무것도 모르는 과거의 저 같은 분들께 글을 써보고 싶었습니다.

일단 시작하겠습니다.

----------------------------------------

잠깐! 여기서 텍스트 게임이란? 텍스트로 이루어지고, 텍스트로 된 선택지가 있는 게임을 뜻합니다.

twine이 오픈소스로 이를 만들 수 있는 좋은 엔진입니다.

에서 받으실 수 있습니다. 모바일에서는 아마 하시기 힘든 걸로 알고 있습니다. pc로만 가능할 거에요.

twine 사용법은 'twine 사용법'이라고 구글에 치시면 사용법 강좌가 나와있습니다.

twine 사용법은 이번에 생략하고, 앱으로 만드는 법을 좀 더 자세히 다루겠습니다. 왜냐하면 twine 사용법은 구글에 많은데, twine으로 웹앱을 만드는 건 많이 나와있지 않거든요.

twine으로 완성하면 html 파일이 나오는데요. 사실 html 파일로는 많이 홍보를 하기가 힘듭니다. exe 파일도 아니고, html 이라서요. 웹으로 구현된 게임의 한계죠.

제 생각에는 앱 스토어에 나오면 더 많은 노출이 될 것을 기대해볼 수 있습니다. (상대적으로요)

그래서 여기에서는 웹앱(웹페이지(html 포함)+앱)으로 만드는 것을 더 집중적으로 다뤄보겠습니다.

step 1. 안드로이드 스튜디오를 다운로드 합니다.

안드로이드 스튜디오는 앱을 만드는 프로그램입니다. 용량이 무겁지만 앱을 만드는 걸 원하시면 꼭 설치하셔야 합니다. (제가 알기론 그렇습니다.)

step 2. 안드로이드 스튜디오의 'assets folder'에 twine으로 만든 html 파일을 이동시킵니다

프로그램을 시작하면 왼쪽에 'app'이라는 이름의 초록색 아이콘이 보입니다. 오른쪽 버튼을 클릭하세요. 그 뒤 'new - assets folder'를 누릅니다. twine game 파일을 assets folder에 복사하여 붙여넣습니다.

step 3. 아래 문서를 참고합니다.

안드로이드 웹앱을 만드는데 많은 도움이 되는 문서입니다. 영어가 힘드시다면 구글 번역으로도 충분히 보실 수 있습니다!

그리고 문서를 따라하되, loadUrl("~~~") 코드는 로컬 파일로 써야 합니다. 자세한 건 밑의 밑의 문서에 있습니다.

또한, 코드고 뭐고 모르겠다! 싶으시면 제가 비슷한 글을 영문 사이트인 reddit 에 썼었는데, 이곳의 코드 사진을 보고 그 부분만 참고하시면 됩니다.

(pc에서는 클릭하여 풀 이미지 보시는 게 좋겠습니다. pc에서 일부분이 잘려 보이네요)

로컬 파일 경로를 쓰는 법은 밑 게시물에서 보실 수 있습니다. 이 게시물에서는 'MainActivity.kt' 부분의 아래 코드만 보시면 됩니다.

혹시 궁금하신 점 있으시면 말씀해주세요. 감사합니다

댓글 0