mdn튜토리얼 js게임 만들어보기0

Taejin Kim·2022년 11월 25일
0

https://developer.mozilla.org/ko/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript
출처

코딩할때 만들고 싶은 것들은 만들다 보면 즐기면서 공부할 수 있다.
하지만 나는 기본틀을 배우고 시작하지 않았다. 생각없이 코딩을 하고 복사 붙여넣기를 남발하다보니 코드가 엉망이 되었다.
그래서 공부를 했다.
게임으로 배우는 파이썬이라는 책이 도
움이 되었고, 또 이 튜토리얼을 진행하면서 배운게 많았다.

매우 간단한 게임이다.
나는 이 게임을 따라 만들면서 여러가지 응용버전을 생각해내었고 이는 좋은 공부가 될 것이라고 확신했다.

내가 이 게임만들기를 통해 얻은것

  1. 게임만들기 기초
  2. 자바스크립트 클래스
  3. 자바스크립트 함수
  4. 브라우저 이벤트

게임만드는 과정
1. 게임 틀 구성
2. 게임 구성요소에 대한 함수들 구성

  • 공 움직이기
  • 벽 충돌 감지하기
  • 패들 움직이기
  • 패들과의 충돌 감지하기
  • 벽돌만들기
  • 벽돌과의 충돌 감지하기
  • 점수시스템 만들기
  • life시스템 만들기
  • 성능개선하기

0개의 댓글