스터디 시작
엘리스트랙 게임 만들기 스터디를 시작했다.
한 달 동안 바닐라 JS로 게임 하나를 구현하는 것이 목표이고 시간과 내 실력의 제약이 있기 때문에 어떤 게임을 구현할지 많이 고민했다.
많은 게임 종류 중 퍼즐게임을 구현하는 것이 얕게나마 공부한 알고리즘을 직관적으로 반영할 수 있을 것 같았다. 그래서 학창시절에 즐겨했떤 네모로직을 구현하기로 했다!
네모로직이란?
네모로직(노노그램)은 게임 보드의 상단과 좌측에 나열된 숫자를 따라 x*y개의 셀로 구성되어있는 보드에 색을 칠해가며 그림을 만들어가는 게임이다.
https://ko.puzzle-nonograms.com/
위 사이트에서 간단하게 체험해 볼 수 있다.
게임규칙이 비교적 간단하고 그래픽도 단순한 만큼 한 달이라는 시간 동안 MVP까지는 구현할 수 있을 것 같았고, 평소 픽셀아트에 관심이 있어서 재밌게 진행할 수 있을 거라 생각했다.
기획
- 최소 기능 구현 (MVP)
- 퍼즐 판 셀 채우기 기능 (클릭, 우클릭 등)
- 빈 퍼즐 판에서 도트를 찍어 그림을 그리면 상단과 좌측에 숫자가 생성 (문제 출제)
- 생성한 배열(문제)을 바탕으로 문제 구성
- 답안 제출 시 답안 배열과 비교하여 정/오답 메세지 출력
- 추가 기능 구현
- 주어진 숫자 만큼 배열을 색칠했다면 자동으로 숫자에 체크 표시 되는 기능
- 실행 취소
- 힌트
- 임시 저장
- 단계 선택
- 드래그, 키 감지하여 셀 채우기
- 튜토리얼 구현(게임을 처음 접한 유저를 위한 튜토리얼)
- 스텝 별 사용자 이벤트 감지하여 퍼즐 풀이 접근 방법과 ui설명하기
-
서버 구축, 배포
-
추가 기능 (플랫폼 구축)
- 회원가입
- 공유하기
- 사용자/문제 별 스코어 기록/비교
- 사용자 문제 제출 기능
- 문제 단계 별 리스트업
위 처럼 기획을 해보았고 MVP 구현으로 마무리 하는 것이 아니라 추후 네모로직 플랫폼 구현까지를 목표로 공부하며 구현해 볼 예정이다. (해낼 수 있겠지..?)
