AI game creator

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

No:52280

111

←

Prev Next

→

Billiards
Developer Winnerweiner2113｜Date and time 24/3/20 7:03:01
Build time 5.843 sec｜Game capacity 1.126KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Billiards Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Define variables for ball position, speed and direction
    let ballX = canvas.width / 2;
    let ballY = canvas.height / 2;
    let speedX = 2;
    let speedY = 2;

function drawBall() {
      ctx.beginPath();
      ctx.arc(ballX, ballY, 10, 0, Math.PI * 2);
      ctx.fillStyle = "black";
      ctx.fill();
      ctx.closePath();
    }

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

// Move the ball
      ballX += speedX;
      ballY += speedY;

// Check for collisions with walls
      if (ballX < 0 || ballX > canvas.width) {
        speedX = -speedX;
      }
      if (ballY < 0 || ballY > canvas.height) {
        speedY = -speedY;
      }

requestAnimationFrame(updateGameArea);
    }

// Start the game
    requestAnimationFrame(updateGameArea);
  </script>
</body>
</html>