반응형

[게임 제작기]/[연유와의 나들이] 9

[연유와의 나들이] 리뉴얼 1. 구글 스프레드 시트에 저장한 데이터를 유니티로 로드(feat. Google Sheets To Unity)

가장 먼저 할 일은 테이블 데이터를 구글 스프레드 시트에 저장하고, 유니티에서 불러올 수 있게 세팅해주는 것입니다. 1. Google Sheets To Unity Asset 설치 2. 구글 시트와 유니티 연동 3. 구글 시트에 임의의 데이터를 입력하고, GoogleSheetsManager를 만들어서 데이터를 로드 1. 어셋스토어에서 Google Sheets To Unity 라는 Asset을 설치해줍니다. https://assetstore.unity.com/packages/tools/utilities/google-sheets-to-unity-73410 Google Sheets To Unity | 유틸리티 도구 | Unity Asset Store Use the Google Sheets To Unity fro..

[연유와의 나들이] 리뉴얼!

오랜만에 돌아온 연유와의 나들이..! 라이펙트 센터 대표님께 연락이 와서 앱이 스토어에서 내려갔다는 이야기를 들었습니다. 아마 앱을 올린 후 오랫동안 관리하지 않으니 구글 플레이스토어 정책에 뭔가 맞지 않아 내려간 것 같습니다. 그런데 오랜만에 프로젝트를 다운받아서 켜보니 프로젝트 구조가 너무 마음에 들지 않아서 전체적인 리뉴얼을 하려합니다. 오랫동안 버려두었던 코드들 전부 개선해서 뜯어고치는 것도 재밌을 것 같기도 하고, 배운걸 써먹어보기에 괜찮겠다 싶습니다. 프로젝트에서 마음에 들지 않는 부분들은 다음과 같습니다. 1. 모든 리소스를 빌드에 담다보니 용량이 너무 커졌습니다. 어셋번들에 나눠서 리소스를 담고, 처음 타이틀화면에서 다운로드 받는 방법을 사용해보겠습니다. 2. 패널, 컷씬이 하드코딩되어 있..

[연유와의 나들이] 7. 어플 완성!

이전 씬들에서 씬들의 기초 틀을 잡아뒀기 때문에 이후부터는 조금 수월합니다. 사용했던 코드들을 재활용해서 나머지 씬을 완성해줬습니다. 중간부터 UI의 해상도 대응부분을 신경쓰지 못해 다시 하느라 시간을 가장 많이 잡아먹었던 것 같습니다. 이번에 얻은 교훈은... 배경UI와 아이콘같은 UI는 따로 관리하자...? 배경 UI를 화면 크기에 맞춰서 늘어나지 않고, 남는 부분이 잘리게 설정해줬는데( https://geukggom.tistory.com/129 ) [Unity] 해상도에 따른 화면 비율 유지(feat. Canvas Scaler) 안녕하세요 극꼼입니다! 지난번에 레터박스를 이용해 디폴트 해상도에서 벗어나면 남는 부분을 까맣게 처리했는데요, https://geukggom.tistory.com/104 [..

[연유와의 나들이] 6. 개발 중(5) : 다중 답 입력하는 퀴즈, 가벼운 미니게임 생성

이 씬에 나오는 퀴즈는 여러가지 답을 빈칸들에 동시에 알맞게 입력해야 통과입니다. 이전 포스팅의 퀴즈에서 했던 InputField에 답을 입력할 수 있도록 했으며, List에 InputField들을 넣고 '목줄 찾기' 버튼을 누르면 for문을 이용해 List의 InputField에 답을 대조하도록 했습니다. 만약 정답이 아닌 칸이 있을 경우, 글씨의 색을 빨간색으로 바꿔 오답임을 알 수 있게 했습니다. 퀴즈를 맞추고 나면 나뭇잎을 제치고 리드줄을 획득하는 씬이 나옵니다. 나뭇잎을 드래그하면 나뭇잎은 마우스 위치를 따라오게 됩니다. 각각의 나뭇잎에는 Polygon Collider 2D 컴포넌트가 붙어있으며, 목줄의 Collider에 나뭇잎의 Collider가 모두 떨어지게 되면 다음 씬으로 넘어갑니다. 이..

[연유와의 나들이] 5. 개발 중(4) : 직접 답을 입력하는 퀴즈 등 생성

보안등 번호를 따라가는 장면은 버튼을 눌러 페이지를 이동할 수 있게 했으며, 강아지 연유가 도망가는 애니메이션을 넣어주었습니다. * 강아지가 뛰어가는 모습은 배경이 투명한 png 리소스로 바꿨으며, 왼쪽 위 번호를 클릭하면 해당 위치의 사진이 뜨도록 했습니다. 다음 나오는 퀴즈에서는 플레이어가 정답을 직접 입력할 수 있도록 해주었습니다. 텍스트를 플레이어가 직접 입력하는 방법에 대해서는 따로 포스팅을 했습니다. https://geukggom.tistory.com/135 [Unity] 직접 텍스트 입력하는 방법(feat. Input Field UI) 안녕하세요, 극꼼입니다. 오늘은 플레이 중 직접 텍스트를 입력하는 방법에 대해 알아보겠습니다. 먼저 캔버스에 Input Field UI를 만들어줍니다. 아래와..

[연유와의 나들이] 4. 개발 중(3) : 버튼으로 하는 퀴즈 패널 등 생성

이어서 두번째 씬의 퀴즈패널을 만들어보겠습니다. 퀴즈 -> sceneNum = 3 * 어떤 퀴즈인지는 스포가 될 수 있어 가렸습니다. 퀴즈 패널의 규칙은 다음과 같습니다. 1. 스토리 순서에 따라 다른 퀴즈가 보여짐. 2. 답을 눌렀을 때, 정답이 아닌지가 표시되며, 정답이 아닐 경우 점수가 깎임. 3. 같은 오답을 두번 눌렀을 경우 점수가 계속 깎이진 않음. 4. 힌트를 누르면 해당 퀴즈에 맞는 힌트를 보여줌. * 힌트 버튼을 누르면 광고를 하나 본 후 힌트를 볼 수 있습니다. 주인공이 강아지를 주시하는 스토리 진행 -> sceneNum = 4 강아지의 주인을 행인에게 물어봄(사람들 클릭) -> sceneNum = 5 주인공이 친구들과 채팅방에서 이야기하려함 -> sceneNum = 6 친구들과의 채팅..

[연유와의 나들이] 3. 개발 중(2) : 채팅창, 스토리 패널 생성

오랜만에 게시물을 다시 업로드 하네요 ㅎㅎ 현재 앱의 상태는 베타테스트를 마친 상태이며, 개인정보처리방침이 통과되길 기다리고 있는 상태입니다. 곧 될거라는 제 맘과 다르게 계속 승인거부가 이어져서..ㅜㅜ 다음 승인을 기다리며 작성했뒀던 제작기를 마저 올려보도록 하겠습니다. 두번째 챕터의 씬 구성은 다음과 같습니다. 더보기 인트로 영상 -> sceneNum = 0 친구들과의 채팅 -> sceneNum = 1 채팅 이후 가벼운 스토리 진행 후, -> sceneNum = 2 퀴즈가 하나 나옵니다. -> sceneNum = 3 먼저 video player를 이용해 인트로 영상을 넣은 다음 채팅창을 만들어주도록 하겠습니다. 채팅의 내용은 미리 넣어둔 csv파일을 읽어와 자동으로 작성해줍니다. 채팅창의 규칙은 다음..

[연유와의 나들이] 2. 개발 중(1) : UI세팅, 메인화면 생성

안녕하세요 극꼼입니다! 게임을 만들기 앞서, 세팅해야할 기본적인 몇가지가 있습니다. 바로 어떤 해상도에서 게임이 돌아가게 할건지, UI 설정을 미리 하는 것입니다. 폰 기종마다 해상도 비율이 다르기 때문에 UI가 변하는 해상도에 대응하도록 설정해줬습니다. 해상도 설정에 대한 자세한 설명은 아래 포스팅에 적어뒀습니다. https://geukggom.tistory.com/129 [Unity] 해상도에 따른 화면 비율 유지(feat. Canvas Scaler) 안녕하세요 극꼼입니다! 지난번에 레터박스를 이용해 디폴트 해상도에서 벗어나면 남는 부분을 까맣게 처리했는데요, https://geukggom.tistory.com/104 [Unity] 해상도에 따른 화면 비율 유지(feat. 레터박 geukggom.ti..

[연유와의 나들이] 1. 앱 개발 기획 및 일정

안녕하세요 극꼼이입니다! 9월부터 지금까지 연유와의 나들이 게임 앱을 제작하느라 바쁜 시간을 보냈습니다. '연유와의 나들이' 베타테스트를 하게 된 기념으로, 그동안 간략하게 적어둔 제작 일지를 올릴 예정입니다. https://play.google.com/store/apps/details?id=com.LifectCenter.WalkingWithYY 연유와의 나들이 - Google Play 앱 율동공원을 무대로 한 대탈출 게임, 길 잃은 강아지를 무사히 구해주세요! (야외 방탈출) play.google.com 성남시 분당구에 위치한 율동공원에서 할 수 있는 방탈출 게임! 게임을 모두 즐긴 후에는 소정의 상품도 드리고 있으니, 많은 참여 부탁드립니다~ 그럼 이제 게임을 제작한 과정에 대해 적어보겠습니다. ㅎㅎ..

반응형