var c; var ctx; window.onload = function() { c = document.querySelector("canvas"); pos.enemy.x = window.innerWidth * 2; pos.enemy0.x = (window.innerWidth * (Math.random()*1.1).toFixed(1) + 1.6) * 2; }; window.addEventListener("deviceorientation", function(e) { if (pos.block.y > -5) { if (dis === 0) { dis = 1; def = e.beta; } if (ado === 1) { if (e.beta - 7 > def) { jump = 1; } else { jump = 0; } } if (e.beta - 7 <= def) { ado = 1; } } }); var dis = 0; var jump = 0; setInterval(draw); function draw() { score.crn = (sp - 0.4) / 0.005; if (score.crn > score.best) { score.best = score.crn; } c.height = window.innerHeight; c.width = window.innerWidth; ctx = c.getContext("2d"); //-- ctx.fillStyle = "rgb(" + color + "," + color + "," + color + ")"; ctx.fillRect(0,0,window.innerWidth,window.innerHeight); //-- ctx.fillStyle = "black"; ctx.font = "25px Georgia"; ctx.fillText("Score: " + Math.floor(score.crn), 0, 20) ctx.fillText("Highscore: " + Math.floor(score.best), 0, 45) //-- ctx.fillStyle = "black"; ctx.fillRect(pos.block.x,pos.block.y + (window.innerHeight / 2) - 40,40,40); //-- if (fade === 0) { if (color < 255) { color++; } ctx.fillStyle = "#666"; ctx.fillRect(0,window.innerHeight / 2,window.innerWidth,40); //-- ctx.fillStyle = "black"; ctx.fillRect(pos.enemy.x,pos.enemy.y + (window.innerHeight / 2) - 40,40,40); //-- ctx.fillStyle = "black"; ctx.fillRect(pos.enemy0.x,pos.enemy0.y + (window.innerHeight / 2) - 40,40,40); //-- if (pos.enemy.x < -100) { pos.enemy.x = window.innerWidth; sp+= 0.005; } if (pos.enemy0.x < -100) { pos.enemy0.x = window.innerWidth; sp+= 0.005; } //-- pos.enemy.x-= sp; pos.enemy0.x-= sp; //-- if (jump === 1 && pos.block.y > -120) { pos.block.y-=4; pos.block.x+=3; } else if (jump === 1 && pos.block.y < -96) { jump = 0; ado = 0; } else if (pos.block.y < 0) { pos.block.y+= 4; } if (jump === 0 && pos.block.y < 0) { pos.block.x+=2; } else if (pos.block.y >= 0 && pos.block.x > 0) { pos.block.x-= pos.block.x/(sp * 800); } if (pos.block.x > window.innerWidth - 40) { pos.block.x = 0; pos.block.y = 0; } cc(pos.block, pos.enemy); cc(pos.block, pos.enemy0); } else { pos.block.x = window.innerWidth / 2 - 20; pos.block.y = 0; ctx.fillStyle = "white"; ctx.font = "30px monospace"; ctx.fillText("Game Over",window.innerWidth / 2 - 80,window.innerHeight / 2 - 30); if (color === 0) { ctx.fillStyle = "limegreen"; ctx.fillRect(window.innerWidth / 2 - 50,window.innerHeight / 2,100,50); ctx.fillStyle = "#444"; ctx.font = "30px Comic Sans Mt"; ctx.fillText("Retry?",window.innerWidth / 2 - 40,window.innerHeight / 2 + 35); } if (color > 0) { color--; } } } document.addEventListener("click", function(e) { if (e.clientX > window.innerWidth / 2 - 50 && e.clientX < window.innerWidth / 2 + 50 && e.clientY > window.innerHeight / 2 && e.clientY < window.innerHeight / 2 + 50) { fade = 0; } }); function cc(a,b) { var cw = Math.abs(a.x - b.x) <= 40; var ch = Math.abs(a.y - b.y) <= 40; if (ch === true && cw === true) { pos.enemy.x = window.innerWidth * 2; pos.block.x = 0; pos.block.y = 0; pos.enemy0.x = window.innerWidth * 2 * (Math.random()*1.1).toFixed(1) + 1.6; fade = 1; sp = 0.4; } } var def; var pos = { block:{ x:0, y:0 }, enemy:{ x:0, y:0 }, enemy0:{ x:0, y:0 } } var color = 255; var ado = 1; var fade = 0; var sp = 0.4; var score = { best:0, crn:0 }

Block jumper