Running flies get them's game

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

No:50206

←

Prev Next

→

Running flies get them
Developer User21266｜Date and time 24/3/8 2:50:42
Build time 6.84 sec｜Game capacity 1.141KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Running Flies Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

let flyX = 200;
    let flyY = 200;
    let score = 0;

function drawFly() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.fillStyle = 'blue';
      ctx.fillRect(flyX, flyY, 20, 20);
    }

function moveFly(event) {
      if(event.touches && event.touches.length > 0) {
        flyX = event.touches[0].clientX - canvas.getBoundingClientRect().left;
        flyY = event.touches[0].clientY - canvas.getBoundingClientRect().top;

if(flyX >= 0 && flyX <= canvas.width - 20 && flyY >= 0 && flyY <= canvas.height - 20) {
          score++;
          drawFly();
        }
      }
    }

canvas.addEventListener('touchmove', moveFly);
    
    setInterval(() => {
      flyX = Math.floor(Math.random() * (canvas.width - 20));
      flyY = Math.floor(Math.random() * (canvas.height - 20));
      drawFly();
    }, 1000);

</script>
</body>
</html>