x/box-o-sand
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

MDN breakout step 7

Browse Source
This commit is contained in:
Dan Buch 2017-01-03 16:02:32 -05:00
parent e29d51e439
commit b16dc17037
No known key found for this signature in database
GPG Key ID: FAEF12936DD3E3EC
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
mdn-breakout/index.html
View File

@ -37,7 +37,7 @@ canvas { background: #eee; display: block; margin: 0 auto; }
for(c=0; c<brickColumnCount; c++) { for(c=0; c<brickColumnCount; c++) {
bricks[c] = []; bricks[c] = [];
for(r=0; r<brickRowCount; r++) { for(r=0; r<brickRowCount; r++) {
bricks[c][r] = { x: 0, y: 0 }; bricks[c][r] = { x: 0, y: 0, status: 1 };
} }
} }
@ -74,6 +74,9 @@ canvas { background: #eee; display: block; margin: 0 auto; }
function drawBricks() { function drawBricks() {
for(c=0; c<brickColumnCount; c++) { for(c=0; c<brickColumnCount; c++) {
for(r=0; r<brickRowCount; r++) { for(r=0; r<brickRowCount; r++) {
if(bricks[c][r].status != 1) {
continue;
}
var brickX = (c*(brickWidth+brickPadding))+brickOffsetLeft; var brickX = (c*(brickWidth+brickPadding))+brickOffsetLeft;
var brickY = (r*(brickHeight+brickPadding))+brickOffsetTop; var brickY = (r*(brickHeight+brickPadding))+brickOffsetTop;
bricks[c][r].x = brickX; bricks[c][r].x = brickX;
@ -92,6 +95,7 @@ canvas { background: #eee; display: block; margin: 0 auto; }
drawBricks(); drawBricks();
drawBall(); drawBall();
drawPaddle(); drawPaddle();
collisionDetection();
if(x + dx > canvas.width-ballRadius || x + dx < ballRadius) { if(x + dx > canvas.width-ballRadius || x + dx < ballRadius) {
dx = -dx; dx = -dx;
@ -142,6 +146,21 @@ canvas { background: #eee; display: block; margin: 0 auto; }
} }
} }
function collisionDetection() {
for(c=0; c<brickColumnCount; c++) {
for(r=0; r<brickRowCount; r++) {
var b = bricks[c][r];
if(b.status != 1) {
continue;
}
if(x > b.x && x < b.x+brickWidth && y > b.y && y < b.y+brickHeight) {
dy = -dy;
b.status = 0;
}
}
}
}
document.addEventListener("keydown", keyDownHandler, false); document.addEventListener("keydown", keyDownHandler, false);
document.addEventListener("keyup", keyUpHandler, false); document.addEventListener("keyup", keyUpHandler, false);
setInterval(draw, 10); setInterval(draw, 10);