cheoljin408 / holymoly-web-game

Whack a mole

Home Page:https://holymoly-web-game.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

두더지 게임

  1. 게임이 시작되면 1초 후부터 두더지가 구멍에서 랜덤하게 나옵니다.
  2. 두더지가 나타난 곳을 클릭할 경우, 두더지를 잡은 것으로 간주합니다.
  3. 두더지가 나타난 구멍을 사용자가 1초 내에 클릭하지 않을 경우, 두더지를 잡지 못한 것으로 간주합니다.
  4. 사용자가 두더지를 잡거나 제한 시간을 초과되었을 경우, 1초의 추가 가견을 두고 또 다시 랜덤한 두더지 구멍에서 두더지가 나옵니다.
  5. 다음 번에 두더지가 등장하는 구멍은 이전의 구멍가 반드시 다른 구멍입니다.
  6. "restart" 버튼을 누르면, 점수가 초기화됨과 동시에, 게임이 재시작됩니다.!

스크린샷 2022-06-29 오후 10 54 08

기술적 이슈

  • setInterval 커스텀 훅스 src/hooks/useInterval
  • Context API를 활용한 전역상태관리 src/ScoreContext
  • 전역 스타일링 theme.css, index.css(reset)

About

Whack a mole

https://holymoly-web-game.vercel.app/


Languages

Language:JavaScript 55.4%Language:SCSS 14.5%Language:HTML 12.7%Language:EJS 10.3%Language:CSS 7.0%