웹개발만 주구장창 하고 앱개발은 언제 하나? 생각이 들어 시작했다. 프론트는 안드로이드, 백엔드는 스프링부트로 만드는 것을 시도해본다.
참고자료:
vscode에서 자바 안드로이드 실행
Android앱 REST API 서버 만들기
첫 안드로이드 앱 만들기
일단 vscode에
처음으로 안드로이드 스튜디오도 깔아봤다.
아니 근데 환경용 프로그램만 3기가, 내용물은 또 따로라고???
드디어 다 깔고 첫 화면이다.
만들고자 하는 작품은 비주얼 노벨 형태의 텍스트 게임이다. 흔히 쯔꾸르라고 알려진 rpgmaker 의 대사 화면을 참고하여 비슷한 툴을 만들고, 자유롭게 이미지와 대사를 내용에 맞게 배치할 수 있도록 만들어보고자 한다.
툴을 사용하면 볼 수 있는 대사 화면
굳이 그 툴을 안 쓰는 이유는 기업에서는 사용 안 되기 때문이니, 안드로이드 스튜디오로 개발하면서 매우 많은 시행착오가 발생할 것이라 예상할 수 있다.
추가로 만들고 싶은 것은 맵 배경보다는 인물과 대사에 가깝기 때문에 저 화면이 아닌 진짜 비주얼노벨의 대사창에 가깝게 구현하고자 한다.
이런 느낌이다.
요약하자면, 대사창, 뒷배경, 선택지 화면, 그리고 이후에는 저장과 불러오기, 나가기 등을 유저가 커스텀으로 추가할 수 있도록 하는 게 목표이다.
순서는 먼저 안드로이드 스튜디오를 작성하는 것이다. 튜토리얼 속의 codelabs가 잘 되어 있어 그대로 한번 hello world! 를 띄워보자.
아니 내 화면에 empty compose activity 템플릿이 없다? 벌써부터 난관이다. 구글링해보니 해당 질문이 담긴 스택오버플로우를 찾았다.
Why empty compose activity not found in Android Studio Flamingo | 2022.2.1
결론부터 말하면, 최신 버전에선 Empty Activity로 시작해도 상관이 없다는 듯하다.
그럼 작성해보자. 비주얼노벨 툴이니, 임시로 VisualNovel Studio로 제목을 정했다.
설정을 마치니 기본으로 구성된 화면이 생겼다.
Android 스튜디오 오른쪽 상단에서 Split을 클릭합니다. 그러면 코드와 디자인을 모두 확인할 수 있습니다. Code를 클릭하여 코드만 보거나 Design을 클릭하여 디자인만 볼 수도 있습니다.
이것도 오른쪽 상단에 없다! 다시 구글링을 해 보자. Code, split & design view tabs are missing from android studio
문제는 아까 처음에 만든 empty activity 환경이었다. 다행히도 설정만 조금 바꿔주면 다시 나타난다고 한다.
Editor > UI tools > View Mode 전부 Split으로 바꾸고 적용
이제 커스텀을 시작해보자.