var canvas; var ctx; var framesPerSecond=30; var playerX = 250; var playerY = 250; var asteroid=[]; var game; var score=0; asteroid[0] = { x: 250, y: 500, radius: Math.ceil(Math.random() * 25) }; var leftAsteroid=[]; leftAsteroid[0] = { x: 0, y: 250, radius: Math.ceil(Math.random() * 25) }; var rightAsteroid = []; rightAsteroid[0] = { x: 500, y: 250, radius: Math.ceil(Math.random() * 25) }; var topAsteroid = []; topAsteroid[0] = { x: 250, y: 0, radius: Math.ceil(Math.random() * 25) }; window.onload=function() { canvas=document.getElementById("canva"); ctx=canvas.getContext("2d"); game = setInterval(function() { draw(); document.addEventListener("keydown", playerMove, true); if(/Mobi/.test(navigator.userAgent)) { document.addEventListener("touchmove", playerMoveMobile, true); } },1000/framesPerSecond); }; function draw() { ctx.fillStyle="black"; ctx.fillRect(0,0,canvas.width,canvas.height); for(var i=0; i playerY && asteroid[i].y < playerY + 5 || asteroid[i].y > playerY && asteroid[i].y < playerY - 5) { clearInterval(game); } } asteroid[i].y--; if(asteroid[i].y==350) { asteroid.push({ x: Math.ceil(Math.random() * 500), y: 500, radius: Math.ceil(Math.random() * 50) }); } if(asteroid[i].x > canvas.width) { score = score + 1; } if(asteroid[i].x < 0) { score = score + 1; } if(asteroid[i].y > canvas.height) { score = score + 1; } if(asteroid[i].y < 0) { score = score + 1; } } for(var j=0; j playerY && leftAsteroid[j].y < playerY +5 || leftAsteroid[j].y > playerY && leftAsteroid[j].y < playerY - 5) { clearInterval(game); } } if(leftAsteroid[j].x == 50) { leftAsteroid.push({ x: 0, y: Math.ceil(Math.random() * 500), radius: Math.ceil(Math.random() * 25) }); } if(leftAsteroid[j].x > canvas.width) { score = score + 1; } if(leftAsteroid[j].x < 0) { score = score + 1; } if(leftAsteroid[j].y > canvas.height) { score = score + 1; } if(leftAsteroid[j].y < 0) { score = score + 1; } } for(var h=0;h playerY && rightAsteroid[h].y < playerY + 5 || rightAsteroid[h].y > playerY && rightAsteroid[h].y < playerY - 5) { clearInterval(game); } } if(rightAsteroid[h].x == 450) { rightAsteroid.push({ x: 500, y: Math.ceil(Math.random() * 500), radius: Math.ceil(Math.random() * 25) }); } if(rightAsteroid[h].x > canvas.width) { score = score + 1; } if(rightAsteroid[h].x < 0) { score = score + 1; } if(rightAsteroid[h].y > canvas.height) { score = score + 1; } if(rightAsteroid[h].y < 0) { score = score + 1; } } for(var y=0;y playerY && topAsteroid[y].y < playerY + 5 || topAsteroid[y].y > playerY && topAsteroid[y].y < playerY - 5) { clearInterval(game); } } if(topAsteroid[y].x > canvas.width) { score = score + 1; } if(topAsteroid[y].x < 0) { score = score + 1; } if(topAsteroid[y].y > canvas.height) { score = score + 1; } if(topAsteroid[y].y < 0) { score = score + 1; } } ctx.fillStyle="lime"; ctx.fillRect(playerX, playerY, 5, 5); ctx.fillStyle="white"; ctx.font="20px Arial"; ctx.fillText(score, 250, 100); } function playerMove(evt) { evt.preventDefault(); switch(evt.keyCode) { case 37: playerX--; break; case 38: playerY--; break; case 39: playerX++; break; case 40: playerY++; } } function playerMoveMobile(evt) { evt.preventDefault(); playerY = evt.touches[0].clientY; playerX = evt.touches[0].clientX; }

asteroid[game](pc only)