티스토리 뷰
2022.04.14 - [개인적인 Project들/웹] - 여러 게임이 함께 있는 웹사이트 만들기 - 계획
계획을 세워두고 1년이 지났네.
천천히 본업을 하면서 공부하면서 하다 보니, 프론트만 작업했으며 게임 3개를 만들었다.
만든 게임
게임 1: 움직이는 공 맞추기
원래 메이플스토리 프리토 중에서 독수리 사냥이었지만 하다보니 어려워서 위치가 랜덤하게 변경되는, 움직이는 공 맞추기로 변경 함.
현재 기능
- start 버튼을 누르면 게임 시작
- 빨간색 공을 클릭하면 랜덤 마이너스 점수
- 그 외 공들을 클릭하면 각 색깔 별로 5~30점 획득
- 공이 아닌 공간을 클릭하면 -1점
- 30초 제한 시간
- 플러스 점수 공을 전부 클릭하거나 전체 공을 클릭하면 게임 클리어
- 30초가 지나서도 클리어를 못하면 게임 오버
- 게임 클리어나 오버 시에 색상 오버레이
게임 2: 화살표 방향 누르기
메이플스토리 프리토 구애의 춤과 비슷하게 만드는 중.
현재 기능
- start 버튼을 누르면 게임 시작
- 화면에 보이는 방향키를 하나씩 누르면 다음 단계 이동, 현재는 3단계로 이루어짐
- 방향키는 매 게임, 단계마다 랜덤 순서로 배치 됨.
- 클리어 타임 계산
게임3: 보물받기
메이플스토리 프리토 보물받기와 비슷하게 만드는 중
현재 기능
- 파란색이 바구니
- 회색 보석을 받으면 -1점
- 빨간 보석을 얻으면 1점
- 30초 시간 제한을 두고 30초 동안 더 많은 점수를 얻는 게임
추후 계획
- 바구니의 움직임을 좀 더 스무스하게 하고, 꾹 누르면 빨라지게 변경하기
- 바구니, 보석, 돌로 이미지 변경하기
이후 계획
1. 이 프로젝트의 프론트는 vue.js 공부 겸 비슷하게 작동되는 걸 만드는 게 우선순위이므로 3개의 게임을 좀 더 그럴싸하게 다듬는건 나중에.
2. 메이플스토리 프리토의 드래곤 알 차지 만들기
3. 미로찾기 추가하기
4. 테트리스 추가하기
5. 백엔드 작업하기
'개인적인 Project들 > 웹' 카테고리의 다른 글
| 여러 게임이 함께 있는 웹사이트 만들기 - 계획 (0) | 2022.04.14 |
|---|