AI game creator

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

No:11804

←

Prev Next

→

Billiards
Developer User4957｜Date and time 23/8/12 10:49:59
Build time 11.741 sec｜Game capacity 1.483KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Bilhar</title>
  <style>
    canvas {
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Define the game variables
      var ballRadius = 20;
      var x = canvas.width/2;
      var y = canvas.height-30;
      var dx = 2;
      var dy = -2;

// Draw the ball
      function drawBall() {
        ctx.beginPath();
        ctx.arc(x, y, ballRadius, 0, Math.PI*2);
        ctx.fillStyle = "#0095DD";
        ctx.fill();
        ctx.closePath();
      }

// Update the ball position
      function updateBallPosition() {
        x += dx;
        y += dy;
      }

// Clear the canvas
      function clearCanvas() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
      }

// Game loop
      function gameLoop() {
        clearCanvas();
        drawBall();
        updateBallPosition();

// Reverse the ball direction when it reaches the borders
        if(x + dx > canvas.width-ballRadius || x + dx < ballRadius) {
          dx = -dx;
        }
        if(y + dy > canvas.height-ballRadius || y + dy < ballRadius) {
          dy = -dy;
        }
      }

// Start the game
      setInterval(gameLoop, 10);
    });
  </script>
</body>
</html>