두더지 잡기 게임 만들기 with H5

자바스크립트 와 HTML 그리고 CSS를 가지고 게임을 만들어 본다.

게임은 두더지 잡기 스타일로, 두더지 대신에 에일리언이 등장한다.

게임룰은 두더지 잡기와 동일하다.

두더지 잡기 스타일의 게임 만들기

 

두더지 잡기 스타일의 게임을 만들어보면

 

자바스크립트의 

 

1. 랜덤함수

2. 타이머 

 

두가지 개념과 HTML 요소를 수정하기 위한 DOM 

그리고 간단하지만 디자인 요소를 담당하는 CSS의 기초를 배울 수 있다.

아주 간단한 게임이지만,

기본적인 게임의 골격은 갖추었다. 게임은 처음에는 다 이렇게 시작한다.

만들어 보자.

 

에일리언 퇴치 게임(두더지 잡기) - 1