오락실 사용 설명서 - FRONTENDBOOTCAMP-13th/JS-07-7zzang-Arcade GitHub Wiki

1. 메인

과거 오락실의 느낌을 살려 레트로풍으로 인덱스 화면을 구성하였습니다.
유저가 동전을 투입하면 게임 선택 화면이 활성화됩니다.

부연 설명 메인 화면에서 동전 애니메이션을 클릭하면 오락기 전원이 켜지며 인터랙션이 시작됩니다. 각 게임기의 버튼을 클릭하면 해당 게임 페이지로 이동합니다. 우측 상단의 라디오 아이콘을 통해 BGM을 On/Off할 수 있습니다. 게임 종료 후 점수 확인 → 닉네임 입력 및 저장 or Cancel 시 인트로 화면으로 복귀됩니다. 픽셀 아트 기반 UI로 몰입감 있는 오락실 분위기를 연출합니다. 미니 게임 4종 (출동! 동물특공대, 제7 우주, 토마토 박스, 뿅뿅 두더지) 게임마다 개별 점수/인터랙션 지원 Netlify 배포 및 Firebase API 연동 🕹️주요 기능 총 4개의 게임을 포함한 웹 기반 오락실 플랫폼 구성

부연 설명 🐤 출동! 동물특공대: 방향키로 조작하며 장애물을 피하는 반응형 게임 🎯 제7 우주: 방향키와 스페이스 키를 조작하여 적들을 물리치는 슈팅 게임 🍅 토마토 박스: 120초 안에 합이 10이 되는 토마토를 찾아 최대한 많이 떨어뜨리는 게임 🌟 뿅뿅 두더지 : 무작위로 나타나는 두더지들 뿅망치를 통해 혼내주는 게임 🖥️ 메인 오락실 화면: 코인을 넣을 시 오락기가 켜지며 위 4개 게임을 선택 가능하게 함 [출동! 동물특공대] 주 설명 귀여운 병아리 캐릭터가 좌우로 움직이며, 하늘에서 떨어지는 장애물을 피해 생존하는 2D 피하기 게임입니다.

부연 설명 방향키(←, →)만으로 조작하는 직관적인 플레이 방식 점수가 올라갈수록 장애물 속도·빈도·패턴 증가로 긴장감 상승 일정 점수마다 캐릭터 진화 및 배경 전환 연출로 성취감 제공 향후 아이템, 테마, 캐릭터 선택 기능 등 확장 가능성 내포 [제 7우주] 주 설명 ‘스페이스 인베이더’를 오마주한 고전풍 슈팅 게임으로, 적을 제거하며 다음 라운드로 진입하는 구조입니다.

부연 설명 좌우 방향키로 이동, 스페이스 키로 총알 발사 상단 적 유닛은 좌우로 움직이며 일정 간격으로 아래로 총알을 발사 적 전멸 시 다음 라운드 진행, 적이 지면에 닿거나 피격되면 게임 오버 점수 시스템, 충돌 판정, 게임 루프는 canvas 기반으로 구현 배경 스크롤, 사운드, sprite 연출 등 확장성 고려 구조 [토마토 박스] 주 설명 숫자가 적힌 귀여운 토마토들을 드래그하여 숫자의 합이 10이 되면 제거하는 퍼즐 게임입니다.

부연 설명 사용자는 마우스로 타일을 드래그하여 사각형 영역 선택 선택된 토마토 숫자의 합이 정확히 10이면 터지고 점수 획득 시간 제한(120초) 내에 최대한 많은 조합을 만들어야 함 제거한 토마토 수만큼 점수 상승 애니메이션/사운드로 피드백 제공 향후 특수 토마토, 모바일 대응 등으로 확장 가능 [뿅뿅 두더지] 주 설명 구멍에서 무작위로 튀어나오는 두더지를 뿅망치로 빠르게 클릭하여 점수를 올리는 반응형 게임입니다.

부연 설명 게임 시간은 총 30초, 시간 내에 높은 점수를 획득하는 것이 목표 두더지는 일반(예: +1점)과 희귀(예: +3점) 두 종류로 등장하며, 점수가 다릅니다 사용자는 마우스로 망치를 이동시켜 두더지를 클릭 클릭 시 ‘반짝’ 애니메이션과 효과 출력 남은 시간이 10초 이하로 줄어들면 두더지 등장 속도 증가, 더욱 빠른 반응 필요