window.onload = function(){ alert("Share your score screenshot in comments :)"); alert("Hope you like it! :)") paused = false Start() Animate() document.addEventListener('touchstart',(e) => { start.x = e.changedTouches[0].clientX start.y = e.changedTouches[0].clientY if (notstart){ notstart = false spawnObject = setInterval(function(){ if (!(paused)){ objects.push(new Stone()) } },500) } }) document.addEventListener('touchend', (e) => { end.x = e.changedTouches[0].clientX end.y = e.changedTouches[0].clientY if (!(death) && end.y >= 150 && !(paused)){ G = .1 Shoot() } }) document.addEventListener('click', (event) => { clicked.x = event.x clicked.y = event.y for (let i=0; i { if (death){ projectiles.push(new Projectile(object.x, object.y)) objects.splice(index,1) } distance = Math.hypot(player.x - object.x, player.y - object.y) if (object.y >= canvas.height + object.radius){ setTimeout(function(){ objects.splice(index, 1) },0) } if (distance <= player.radius + object.radius){ if (death == false){ death = true for (let i=0;i<10;i++){ projectiles.push(new Projectile(player.x, player.y)) } } } object.update() object.draw() }) if ( player.x <= 0 + player.radius ){ if (velocity.x < 0){ velocity.x *= -1 } } if ( player.x >= canvas.width - player.radius ){ if (velocity.x > 0){ velocity.x *= -1 } } if ( player.y <= 0 + player.radius ){ if (velocity.y < 0){ velocity.y *= -1 } G = .1 } if ( player.y >= canvas.height - player.radius ){ velocity.y *= -1 player.y = canvas.height - player.radius G = .1 if (death == false){ for (let i=0;i<10;i++){ projectiles.push(new Projectile(player.x, player.y)) } death = true } } if (!(death)){ player.draw() player.update() if (!(notstart)){ Score += 1 } } projectiles.forEach((proj,index) => { proj.draw() proj.update() if (proj.y >= canvas.height){ projectiles.splice(index,1) } }) if (death){ gameOverScreen() } if (paused){ drawPausedScreen() cancelAnimationFrame(Animate) } if (!(paused)) { requestAnimationFrame(Animate) } } function drawPausedBtn(){ c.beginPath() c.fillStyle = 'rgba(255,255,255,0.8)' c.rect(pauseBtnX, pauseBtnY, 10, pauseBtnHeight) c.rect(pauseBtnX + pauseBtnWidth-25, pauseBtnY, 10, pauseBtnHeight) c.fill() c.closePath() } function drawPausedScreen(){ c.beginPath() c.strokeStyle = 'rgba(255,255,255,0.4)' c.rect(width-150, height-100, 300, 200) c.stroke() c.closePath() } function gameOverScreen(){ c.beginPath() c.fillStyle = 'rgba(255,255,255,0.8)' c.rect(width-150, height-100, 300, 200) c.fill() c.closePath() c.beginPath() c.fillStyle = 'black' c.font = '30px bold Arial' c.fillText('Game Over', width-70, height-50) c.closePath() c.beginPath() c.fillStyle = 'black' c.font = '20px bold Arial' c.fillText('Score : ' + Score, width-90, height-5) c.closePath() c.beginPath() c.fillStyle = 'rgba(0,100,255,0.8)' c.rect(pAbtnX, pAbtnY, pAbtnWidth, pAbtnHeight) c.fill() c.closePath() c.beginPath() c.fillStyle = 'rgba(0,100,255,0.8)' c.arc(width-100, height+50, 25, 0, 2*Math.PI) c.arc(width-100+200, height+50, 25, 0, 2*Math.PI) c.fill() c.closePath() c.beginPath() c.fillStyle = 'white' c.font = '25px bold Arial' c.fillText('Play Again', width-55, height+60) c.closePath() } function checkBtnClick(type, x, y, W, H){ if ( clicked.x >= x && clicked.x <= x + W && clicked.y >= y && clicked.y <= y + H ){ if (death && type == 'playAgain'){ death = false clearInterval(spawnObject) Start() } if (type == 'Pause'){ if (!(death)){ paused = (paused? false: true) if (paused == false){ Animate() } } } } } function Shoot(){ powerx = Math.hypot(start.x, end.x) powery = Math.hypot(start.y, end.y) angle = Math.atan2( end.y - start.y, end.x - start.x ) velocity.x = Math.cos(angle) velocity.y = Math.sin(angle) } class Player{ constructor(){ this.radius = 15 this.x = canvas.width / 2 - this.radius / 2 this.y = canvas.height - this.radius*2 } draw(){ c.beginPath() c.fillStyle = 'red' c.arc(this.x, this.y, this.radius, 0, 2*Math.PI) c.fill() c.closePath() } update(){ this.x += (velocity.x * powerx/100) this.y += (velocity.y * powery/100) + G if (G <= 20 && G != 0){ G += .1 } } } class Stone{ constructor(){ this.radius = Math.random() * 15 + 5 this.x = Math.random() * canvas.width this.y = 0 - this.radius } draw(){ c.beginPath() c.fillStyle = 'green' c.arc(this.x, this.y, this.radius, 0, 2*Math.PI) c.fill() c.closePath() } update(){ this.y += 2 } } class Projectile{ constructor(x, y){ this.radius = Math.random() * 7 + 3 this.x = x this.y = y this.dirx = Math.random()*5-2.5 this.diry = Math.random()*7.5-5 this.vel = 0.1 } draw(){ c.beginPath() c.fillStyle = 'red' c.arc(this.x, this.y, this.radius, 0, 2*Math.PI) c.fill() c.closePath() } update(){ this.x += this.dirx this.y += this.diry + this.vel this.vel += 0.1 } }

swipe game v2