본문 바로가기

Flutter

항해 플러스 코육대 - HangMan 게임 만들기

오늘은 항해 플러스 제 1회 코딩대회에서 HangMan 게임을 만든 경험을 공유해보려 합니다. HangMan 게임은 단어를 맞추는 게임으로, 사용자가 단어를 추측하면서 하나씩 알파벳을 맞춰나가는 게임입니다. 이번 대회에서는 flutter를 이용해 이 게임을 만들었는데, 추석 때 심심하던 찰나에 재밌는 경험이었습니다. 이 경험을 통해 flutter의 장점과 함께 코딩 대회에서의 경험을 공유하고자 합니다.

추천인 : 정민석


1. 기능 구현 설명

(바탕 화면은 홈페이지 썸네일에서 가져왔다) 

1. 첫 화면은 문제를 선택하는 페이지 입니다.

위의 페이지에서는     'hangman',    'flutter',    'dart', 'mobile',    'game',    'program',    'developer',    'android',    'java',    'kotlin',    'swift',    'javascript',    'html',    'css',    'python',    'computer',    'keyboard'    'mouse',    'screen',    'monitor',    'headphone',    'microphone',    'camera',    'speaker',    'guitar',    'piano',    'basketball',    'football',    'tennis',    'volleyball',    'hockey',    'soccer',    'baseball', 등의 예시 단어에서 random으로 3개 단어가 나오고 새로고침 버튼을 누르면 다시 random으로 3개 단어가 나오게 되어 있습니다.

2. 게임 진행

단어를 선택하면 다음은 본격적인 맞추기 단계입니다.

기회는 총 8번! 

 

단어를 틀리면 버튼 색이 변하고 우리의 행맨이 그려지기 시작합니다..

3. 게임종료

8번의 기회를 다 소진하거나 정답을 맞추면 게임이 종료되고 처음화면으로 넘어가게 됩니다

 

무한 루프?! 게임을 종료할때까지 게임은 계속 진행이 됩니다 :)

 


2. 참여 소감

항해 플러스 제 1회 코딩대회에서 HangMan 게임을 만들면서 즐거운 경험을 쌓았습니다. 쉬워보이는 행맨게임도 막상 실제로 구현하려고 보니 꽤나 시간을 많이 잡아먹었습니다.

 

우선, 제가 사용한 프레임워크인 flutter는 다양한 플랫폼에서 작동하는 크로스 플랫폼 프레임워크로, 모바일 앱과 웹 앱을 동시에 개발할 수 있는 장점을 가졌습니다. HangMan 게임을 개발할 때 게임의 사용자 인터페이스를 개발하는 과정에서 빠르게 아름다운 UI를 구현할 수 있었습니다. flutter의 위젯들을 활용하여 버튼, 이미지, 텍스트 등을 쉽게 조합할 수 있어 게임 화면을 만들 수 있었습니다.

HangMan 게임을 개발하면서 코딩 대회에 참가한 소감으로는, 코딩 대회는 문제 해결 능력을 향상시키는 뛰어난 기회였습니다. 제한된 시간 안에 게임을 개발하고 문제를 해결하는 과정에서 문제를 분석하고 UI/UX를 효과적으로 생성하기 위해서 고민하는 과정에서 관련한 능력을 향상시킬 수 있었습니다.

마지막으로, 코딩 대회는 새로운 기술을 학습하고 적용하는 데 좋은 기회였습니다. 짧은 시간 안에 게임을 개발하면서 새로운 기술을 습득하고 적용하는 경험을 할 수 있었습니다. 다음에도 또 참여해봐야겠네요 ~


3. 시연 영상

https://clipchamp.com/watch/sOyFsLYpsqQ

hangman.mp4
4.32MB

 


4. 안드로이드 앱 apk 파일

app-release.aab
17.74MB


4. 제1회 코육대 이벤트 페이지 링크 ↙ ↙ ↙

https://hanghaeplus-coyukdae.oopy.io/

 

항해 플러스: 제1회 코육대

이번 추석, 굳어버린 코딩 근육을 깨울 코딩 육상 대회가 왔다!

hanghaeplus-coyukdae.oopy.io

코드는 여기 github ↙ ↙ ↙

https://github.com/alstjrwjd99/HangHaePlus_HangMan

 

GitHub - alstjrwjd99/HangHaePlus_HangMan: 항해 플러스 제 1회 코육대 행맨게임 참가

항해 플러스 제 1회 코육대 행맨게임 참가. Contribute to alstjrwjd99/HangHaePlus_HangMan development by creating an account on GitHub.

github.com

 

'Flutter' 카테고리의 다른 글

HangMan 개인정보처리방침  (0) 2024.01.16
Google Play Console 정책 변경 후 테스터 20명 모집 (1)  (0) 2024.01.11
Navigator  (0) 2023.03.21
Build Context와 snackbar  (0) 2023.03.20
Drawer  (0) 2023.03.20