게임 만들기2 HTML/CSS/JS로 게임 만들기 4 https://conquer-it.tistory.com/132 HTML/CSS/JS로 게임 만들기 3 11. 적군 만들어 주기 총알 발사까지 마친 상태에서 다음으로 만들 것은 적군이다. 적군의 특징으로는 적군의 특징 1. 적군의 위치는 랜덤하다. 2. 적군은 위에서 아래로 내려온다. 3. n초마다 적군이 생성된다. 4. 적군이 바닥에 닿으면 게임이 종료된다. 5. 적군과 총알이 만나게 되면 적군은 사라지고 스코어가 1씩 올라간다. 총알 만드는 것처럼 적군도 클래스를 만들어 줘야 한다. const generateRandomValue =(min,max)=>{ let randomNum = Math.floor(Math.random()*(max-min-1))+min; return randomNum; } let e.. 2022. 9. 18. [WEB] HTML/CSS/JS로 게임 만들기 1 오늘은 HTML / CSS / JS로 게임을 만들어 볼 것이다. 게임은 어렸을 때 많이 했던 갤러그이다. 이 게임은 적군이 아래로 다가오는데 다가오는 적군에 총을 쏴서 없애는 게임이다. 물론 위 게임처럼 완벽하게 만들 수는 없겠지만 최대한 비슷하게 만들어볼 예정이다. 1. 캔버스 세팅하기 JS에서 캔버스를 생성해 주어서 게임을 진행할 화면을 세팅해줘야 한다. canvas(캔버스) - HTML문서 내부에 그림을 그릴 수 있는 일종의 컨테이너 요소이다. JS를 통해 애니메이션과 이벤트를 처리할 수 있다. //캔버스 세팅 let canvas = document.createElement("canvas"); let ctx = canvas.getContext("2d"); // 2d로 보여줄 것이다. canvas.w.. 2022. 9. 13. 이전 1 다음
