A ball that gose down effected by gravity and you can jump and go left and right's game

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

No:19729

←

Prev Next

→

A ball that gose down effected by gravity and you ..ALL
Developer User8801｜Date and time 23/10/6 8:44:35
Build time 16.232 sec｜Game capacity 2.992KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Defining the game variables
        var ball = { x: 200, y: 50, radius: 10, speedX: 0, speedY: 0 };
        var gravity = 0.2;
        var jumping = false;
        var jumpStrength = 5;
        var leftPressed = false;
        var rightPressed = false;

// Function to draw the ball
        function drawBall() {
          context.beginPath();
          context.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);
          context.fillStyle = "#0095DD";
          context.fill();
          context.closePath();
        }

// Function to update the game state
        function updateGame() {
          // Clearing the canvas
          context.clearRect(0, 0, canvas.width, canvas.height);

// Updating the ball position according to speed values
          ball.y += ball.speedY;
          ball.speedY += gravity;

// Handling jumping and movement
          if (jumping) {
            ball.speedY -= jumpStrength;
            jumping = false;
          }
          if (leftPressed) {
            ball.x -= 3;
          }
          if (rightPressed) {
            ball.x += 3;
          }

// Drawing the ball on the canvas
          drawBall();

// Requesting the next animation frame
          requestAnimationFrame(updateGame);
        }

// Handling keyboard events
        function keyDownHandler(event) {
          if (event.keyCode === 32) {
            event.preventDefault(); // Prevents page scrolling
            jumping = true;
          }
          if (event.keyCode === 37) {
            event.preventDefault(); // Prevents page scrolling
            leftPressed = true;
          }
          if (event.keyCode === 39) {
            event.preventDefault(); // Prevents page scrolling
            rightPressed = true;
          }
        }

// Adding event listeners for keyboard input
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Starting the game loop
        requestAnimationFrame(updateGame);
      }

// Starting the game
      startGame();
    })();
  </script>
</body>
</html>