소개
이 프로젝트에서는 HTML, CSS, JavaScript 를 사용하여 Whack-a-Mole 게임을 만드는 방법을 배웁니다. 이 게임은 지정된 시간 제한 내에 구멍에서 무작위로 나타나는 두더지를 때리는 방식으로 진행됩니다. 필요한 HTML, CSS 및 JavaScript 파일을 만들고 게임 로직을 단계별로 구현합니다.
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다:
- Whack-a-Mole 게임을 위한 프로젝트 파일을 설정하는 방법
- 게임 레이아웃 및 디자인을 만들기 위해 필요한 CSS 스타일을 추가하는 방법
- 두더지가 나타나고 사라지게 하고, 점수를 유지하며, 시간을 추적하는 게임 로직을 구현하는 방법
- 두더지를 때리고 게임을 시작하기 위한 이벤트 리스너를 만드는 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- 웹 기반 게임을 위한 HTML, CSS 및 JavaScript 파일을 생성합니다.
- CSS 를 사용하여 게임 요소를 스타일링하고 레이아웃합니다.
- JavaScript 를 사용하여 DOM 을 조작하여 게임 요소를 나타내고 사라지게 합니다.
- 사용자 상호 작용을 처리하고 게임 상태를 업데이트합니다.
- JavaScript 의 타이머를 사용하여 시간을 추적하고 게임 흐름을 제어합니다.
