본문 바로가기
  • 식초 한잔 할래..?
공부/게임 공부

팀으로 함께 하는 <같은 팀원 찾기 게임>

by 돼지피그푸곰 2025. 9. 23.

 

예전에 카드 뒤집기 게임을 만들었었는데요.

이번 미니 프로젝트는 그 카드 뒤집기 응용입니다.

 

이런 식으로 어떤 식으로 만들지 구성하고, 이에 따라 역할분담을 나누었습니다.

넣어야할 필수 기능은


4주차 ‘카드 뒤집기 게임’ 만들기

[SCC]르탄이 카드 뒤집기 게임 만들기

강의 내용을 바탕으로 ‘카드 뒤집기 게임’을 만드는게 목표입니다. 단, 그냥 카드 뒤집기가 아닌 **‘우리 팀원 매칭 카드 게임’**을 만들어봅시다.

  • 한 사람 당 본인을 대표할 수 있는 이미지를 필요한만큼 준비해주세요.
    • 예시) ZEP 캠 화면, Slack 프로필 사진, 본인을 상징하는 이미지
  • 모든 카드 매칭 성공 시, 팀원들의 이름 및 사진 한 눈에 보여주기 / 실패 시 실패를 알리는 문구 노출 **
  • 추가 기능 구현을 살펴보고 게임에 여러 요소를 더하여 우리만의 게임을 제작해봅시다.

위와 같습니다.

 

기간은 단 3일.

물론 이미 주어져 있는 정보들을 바탕으로 혼자 만들면 하루 안에 다 만드는 게임이지만, 협업과 창작인 점이 중요합니다.

 

카드를 뒤집는다는 주제 하나만 가지고 이야기를 해도 정말 다양한 의견이 오가더군요. 확실히 사람마다 취향이 다르고, 말만으로는 정확하게 상대에게 나의 생각을 전달할 수 없습니다.

 

어제 배운 github를 효율적으로 익히기 위한 프로젝트에 가깝다고 할 수 있을 것 같습니다.

 

무튼 필수 기능을 넣은 상태로 위의 와이어 프레임에 따라 정리를 해보면

1. 시작 화면

  • Touch To Screen 버튼을 눌러 다음 씬으로 이동

2. 스테이지 씬

  • 스테이지 난이도: 2x2 → 2x2x2 형태로 점차 확장
  • 난이도가 올라갈수록 팀원 수 추가 및 단계별 레벨 디자인 구성
  • 시간 제한 기능 추가
  • 옵션 버튼 구현
    • 효과음 볼륨 조절
    • 배경음악 볼륨 조절

3. 결과 화면

3-1. 스테이지 클리어 화면

  • 클리어 문구 출력
  • 매치된 사진들을 슬라이드 형태로 보여주기
  • 사진에 대한 팀원 소개 & 설명 글 UI 구현
  • 다음 스테이지로 이동 버튼 제공

3-2. 스테이지 실패 화면

  • 실패 UI 출력
  • 리트라이 버튼 제공

이렇게 나눌 수 있고, 이를 토대로 역할 분담을 했습니다.

 

역할 분담

개별 역할

  1. 리소스 생성 + 시작 씬 구현
    • 담당: 000
    • 이미지, UI 리소스 준비 및 Start Scene 제작
  2. Stage Scene – 카드 배열 로직 (2x2 / 2x2x2)
    • 담당: 000
    • 카드 배치 및 난이도 확장 로직 구현
  3. 옵션 기능 구현
    • 담당: 000
    • 효과음 및 배경음악 볼륨 조절 기능 개발
  4. Stage Clear (성공 화면)
    • 담당: 000
    • 클리어 문구, 팀원 소개
  5. Stage Fail (실패 화면)
    • 담당: 000
    • 실패 UI 제작 및 리트라이 버튼 구현

저는 뒤늦게 합류한 팀원이기도 해서, 가장 분량이 적은 시작 씬 구현을 맡게 되었습니다.

근데 이 시작 씬 구현이라는게, 사실 연출이 다 입니다. 근데 연출은 개발이라고 보기가 약간 어렵거든요? 시간은 걸리지만 거의 디자인 쪽에 가깝습니다.

 

제가 원래 영상 편집을 취미로 하기도 했고, AI도 잘 있는 마당이기 때문에 연출은 차라리 영상을 하나 만들어서 넣는게 훨씬 보기 좋겠다란 생각이 들었습니다.

 

어제 여기까지 마무리 하고 오늘 각자 할 일을 하자 였는데, 아무리 생각해도 시작 씬은 분량이 너무 적단 말이죠.

 

그냥 버튼 하나 누르면 StageScene으로 넘어가면 되거든요. 그래서 어제 해 놨습니다.

때문에 저는 별개로 시작 화면에서 할 수 있는 추가 기능을 찾아봤습니다.

 

카드 뒤집기 이기 때문에 갤러리 기능이 있으면 좋을 것 같더라구요. 준비되어 있는 카드들을 보고, 그 안에 담겨있는 설명을 읽고, 그걸 얼마나 보기 좋게, 스무스하게 까는건 개발영역인 것 같아서, 일단 만들어 보려고 하고 있습니다.

 

디자인이 좀 많이 별로지요?

디자인은 마지막 날인 25일에 다듬을 생각입니다.

개발이 주인 부트캠프인 만큼 기능 개발을 최대한 한 후에, 멋과 애니매이션은 나중에 챙기려 합니다.

 

아무튼 이렇게 버튼도 4개로 나누었기 때문에, 각 버튼에 맞는 기능을 넣으면 됩니다. 물론 다 쉬운 버튼들입니다.

그 중 갤러리만 조금 특이하기 때문에 갤러리만 갤러리씬을 따로 만들어서 전환하는 형식으로 할 생각입니다.

다른 분들도 자신이 맡은 부분을 하고 있는 모습입니다.

 

그리고 오늘은 git강의 2회차로 Fork에 대한 강의를 들었습니다.

https://git-fork.com/

 

Fork - a fast and friendly git client for Mac and Windows

Fork - a fast and friendly git client for Mac and Windows

fork.dev

github desktop과 같은 거지만 조금 더 러프한 프로그램입니다.

 

중간에 노드도 다 나오고, 커밋한 기록도 다 나오기 때문에 좀 더 많은 양, 좀 더 디테일하게 관리할 수 있는 것 같지만 ,그만큼 조금 더 귀찮아 지기 때문에 저는 이미 익숙해진 desktop으로 진행하겠습니다.

 

강의를 끝낸 뒤에는 다른 팀원들과 진행사항을 공유했습니다.

 

어느새 옵션 기능도, Fail 기능도 등등 대부분 끝나는 모습입니다.

하지만 딱 기능만 구현했기 때문에 막 보기 좋아 보이지는 않습니다.

 

핵심 기능은 구현을 했기 때문에 다시 한 번 보여서 톤앤 매너를 통일 시키고, 어떤 식의 디자인인지 어느 정도 그림을 보여줌으로서 모두의 머리를 동기화 시킨 후 다시 알아서 디벨롭 하게끔 진행했습니다.

 

다들 열심히 하는 모습이 보기 좋습니다.

 

아직은 초반이라서 다 같이 공부하는 분위기지만, 이 안에서 입문자와 경험자를 나뉘어서 조를 짰기 때문에 얼추 진행 속도가 비슷합니다.

 

 

이게 잘 되고 있는 거긴 합니다. 호호호

 

팀원들 카드도 간단하게 만들었습니다.

 

팀원분들이 모두 적극적이고 저보다 능력자분들인 것 같아서 배울게 많아 행복합니다.

꽤나 많이 회의도 하고, 이야기 할거 있으면 센스있게 타이밍 봐서 이야기 해주시는데, 덕분에 각자의 진행상황도 보고, 이 시점에서 어느 정도의 능력을 갖추어야 하는지도 알게 되고 좋은 것 같습니다.

 

이게 정해져 있는 회의 시간도 있지만, 중간 중간에 이야기할 분위기가 되면 그때도 냅다 불시에 회의를 하기 때문에 캡쳐를 못했습니다.

 

그리고 제가 갤러리 기능을 만들었는데, 그 기능은 내일 좀 더 다듬은 다음에 여기에 올리는 겸 공부해 보겠습니다.