A hockey game where you play against spots's game

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

No:45895

←

Prev Next

→

A hockey game where you play against spots
Developer User19741｜Date and time 24/2/22 0:16:48
Build time 8.465 sec｜Game capacity 1.526KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Spot Hockey Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    let playerX = canvas.width / 2;
    let playerY = canvas.height - 30;
    let spotX = canvas.width / 2;
    let spotY = 0;
    let spotSpeedY = 2;

function drawPlayer() {
      ctx.beginPath();
      ctx.arc(playerX, playerY, 10, 0, Math.PI*2);
      ctx.fillStyle = "blue";
      ctx.fill();
      ctx.closePath();
    }

function drawSpot() {
      ctx.beginPath();
      ctx.arc(spotX, spotY, 10, 0, Math.PI*2);
      ctx.fillStyle = "red";
      ctx.fill();
      ctx.closePath();
    }

function updatePlayerPosition(e) {
      let rect = canvas.getBoundingClientRect();
      playerX = e.clientX - rect.left;
    }

canvas.addEventListener('mousemove', updatePlayerPosition);

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