(스크랩)자바스크립트 벽돌깨기 소스 코드 알고리즘 분석

출처: https://developer.mozilla.org/en-US/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript

-목록-

그리기

• 벽돌 (Brick) : rect()를 활용하여 그린다.
• 공 (Ball) : arc()를 활용하여 그린다.
• 채 (Paddle) : rect()를 활용하여 그린다.

반복 : requestAnimationFrame()

공 움직이기 : 지우고 좌표를 바꾸어 다시 그린다.

공 튀는 동작 : 대칭 수학 공식을 활용한다. 좌표를 바꾼다. 다시 그린다.

충돌 검사 : 좌표를 비교한다.

채 (Paddle) 움직이기 : 지우고 좌표를 바꾸어 다시 그린다.

마우스로 채 움직이기 : 마우스 이벤트를 활용한다. 좌표를 바꾼다. 지운다. 그린다.

키입력 : document.addEventListoner() 활용한다.

마우스 입력 : document.addEventListoner() 활용한다.

배열 bricks