AI game creator

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

No:25722

←

Prev Next

→

Marble run
Developer User8708｜Date and time 23/11/24 5:54:59
Build time 30.047 sec｜Game capacity 1.527KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Marble Run Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>
  <script>
    // Get the canvas element
    var canvas = document.getElementById("gameCanvas");

// Get the 2D rendering context for the canvas
    var ctx = canvas.getContext("2d");

// Define the variables for the game
    var ballX = canvas.width/2;
    var ballY = canvas.height-30;
    var ballRadius = 10;
    var dx = 2;
    var dy = -2;

// Function to draw the ball on the canvas
    function drawBall() {
      ctx.beginPath();
      ctx.arc(ballX, ballY, ballRadius, 0, Math.PI*2);
      ctx.fillStyle = "#0095DD";
      ctx.fill();
      ctx.closePath();
    }

// Function to update the game logic
    function update() {
      // Clear the canvas before drawing the ball
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the ball
      drawBall();

// Update the position of the ball
      ballX += dx;
      ballY += dy;

// Reverse the direction if the ball hits the walls
      if(ballX + dx > canvas.width-ballRadius || ballX + dx < ballRadius) {
        dx = -dx;
      }
      if(ballY + dy > canvas.height-ballRadius || ballY + dy < ballRadius) {
        dy = -dy;
      }
    }

// Function to start the game
    function startGame() {
      setInterval(update, 10); // Call update() every 10 milliseconds
    }

// Call the startGame() function to start the game
    startGame();
  </script>
</body>
</html>