AI game creator

Click here for free DL of the app version that can save data.

No:52296

129

←

Prev Next

→

Shooting range XL
Developer Winnerweiner2113｜Date and time 24/3/20 7:17:15
Build time 6.206 sec｜Game capacity 1.204KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <title>Shooting Range XL</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

let targetX = Math.floor(Math.random() * (canvas.width - 50));
    let targetY = Math.floor(Math.random() * (canvas.height - 50));
    let score = 0;

canvas.addEventListener('click', (event) => {
      const rect = canvas.getBoundingClientRect();
      const mouseX = event.clientX - rect.left;
      const mouseY = event.clientY - rect.top;

if (mouseX >= targetX && mouseX <= targetX + 50 && mouseY >= targetY && mouseY <= targetY + 50) {
        score++;
        targetX = Math.floor(Math.random() * (canvas.width - 50));
        targetY = Math.floor(Math.random() * (canvas.height - 50));
      }
    });

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = 'red';
      ctx.fillRect(targetX, targetY, 50, 50);

ctx.fillStyle = 'black';
      ctx.font = '24px Arial';
      ctx.fillText('Score: ' + score, 10, 30);
    }

setInterval(draw, 20);
  </script>
</body>
</html>