Jump and run for jungle from scape the letres for 2D's game

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

No:30988

←

Prev Next

→

Jump and run for jungle from scape the letres for ..ALL
Developer User14993｜Date and time 23/12/24 19:40:18
Build time 17.751 sec｜Game capacity 3.469KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Jump and Run Game for Smartphone in the Jungle</title>
    <style>
      canvas {
        border: 1px solid black;
        display: block;
        margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>
    <script>
      var canvas = document.getElementById("gameCanvas");
      var context = canvas.getContext("2d");

// Character
      var character = {
        x: 50,
        y: canvas.height - 64,
        width: 64,
        height: 64,
        speed: 5,
        jumping: false
      };

// Obstacle
      var obstacle = {
        x: canvas.width,
        y: canvas.height - 32,
        width: 32,
        height: 32,
        speed: 6,
        isPassed: false
      };

// Input handling
      var keysPressed = {};
      document.addEventListener("keydown", function(event) {
        keysPressed[event.keyCode] = true;
      });

document.addEventListener("keyup", function(event) {
        delete keysPressed[event.keyCode];
      });

// Game loop
      function gameLoop() {
        update();
        draw();
        requestAnimationFrame(gameLoop);
      }

// Update game state
      function update() {
        character.y += character.speed;

if (keysPressed[32] && !character.jumping) {
          character.speed = -10; // Jumping height and smoothness
          character.jumping = true;
        }

if (character.jumping) {
          character.speed += 0.5; // Gravity effect

if (character.y > canvas.height - character.height - 64) {
            character.y = canvas.height - character.height - 64;
            character.jumping = false;
          }
        }

obstacle.x -= obstacle.speed;

if (obstacle.x + obstacle.width < 0) {
          obstacle.x = canvas.width;
          obstacle.isPassed = false;
        }

// Collision detection
        if (
          character.x < obstacle.x + obstacle.width &&
          character.x + character.width > obstacle.x &&
          character.y < obstacle.y + obstacle.height &&
          character.y + character.height > obstacle.y
        ) {
          // Game over
          resetGame();
          return;
        }

// Check if the character has passed the obstacle
        if (
          character.x > obstacle.x + obstacle.width &&
          !obstacle.isPassed
        ) {
          // Increase score or perform other actions
          obstacle.isPassed = true;
        }
      }

// Draw game objects
      function draw() {
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw character
        context.fillStyle = "green";
        context.fillRect(
          character.x,
          character.y,
          character.width,
          character.height
        );

// Draw obstacle
        context.fillStyle = "red";
        context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
      }

// Reset the game
      function resetGame() {
        character.x = 50;
        character.y = canvas.height - 64;
        character.speed = 5;
        character.jumping = false;

obstacle.x = canvas.width;
        obstacle.y = canvas.height - 32;
        obstacle.speed = 6;
        obstacle.isPassed = false;

// Add any additional reset actions here
      }

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