[HTML5] 벽돌깨기 소스(HTML5 Canvas, Javascript 사용)

소개글

HTML5와 JavaScript로 제작한 벽돌깨기입니다.

HTML5는 Canvas 태그를 사용하였고, 나머지 구현 부분은 JavaScript를 사용합니다.
단계별 예제를 통해 벽돌깨기의 최종 완성본을 구현할 수 있게 설계했습니다.

http://ayusilab.com/univ/webp/brickbreak.html
에서 시연이 가능합니다.
시연 사이트에서는 소스 공개방지를 위해
자바스크립트 소스는 숨김을 알립니다.

컴파일 실행환경

Internet Explorer 10 이상 브라우저, Chrome, Opera, Mozilla Firefox 등 HTML5 구현 가능한 브라우저

압축파일 내 파일목록

벽돌깨기_000_공 생성 및 블록 생성.html
벽돌깨기_001_블록 나가지않게.html
벽돌깨기_002_블록안에 튕기기처리.html
벽돌깨기_003_벽자연스럽게튀기기.html
벽돌깨기_003_입사각과반사각.html
벽돌깨기_004_벽돌생성.html
벽돌깨기_004_오토플레이.html
벽돌깨기_005_벽돌생성.html
벽돌깨기_006_단축키.html
벽돌깨기_007_벽돌깨기.html
벽돌깨기_008_블록마우스이동.html
벽돌깨기_009_벽돌깨기새로운기법.html
벽돌깨기_010_벽돌색깔.html
벽돌깨기_011_벽돌레벨.html
벽돌깨기_012_완성본.html

참고 자료

없음