A Parkour game that has a green cat as the character and you press space to jump and press the left and right arrows to move's game

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

No:35448

←

Prev Next

→

A Parkour game that has a green cat as the charact..ALL
Developer User16540｜Date and time 24/1/14 12:35:34
Build time 8.183 sec｜Game capacity 2.421KB｜

Script

Sure! Here's a simple example of a parkour game implemented as a single HTML file using JavaScript. The game features a green cat as the character, and you can control it by pressing the spacebar to jump and the left and right arrows to move.

To play the game, simply save the above code in a file with a `.html` extension, open it in a web browser, and play by using the left and right arrows to move the green cat character and the spacebar to make it jump. Enjoy your parkour game!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Parkour Game</title>
  <style>
    #game-container {
      position: relative;
      width: 400px;
      height: 400px;
      border: 1px solid black;
    }
    
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: green;
      transition: transform 0.2s;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
  </div>

// Define player position variables
    let xPos = 0;
    let yPos = 350;

// Event listeners for arrow key press
    document.addEventListener("keydown", function(event) {
      if (event.keyCode === 37) { // Left arrow
        xPos -= 10;
        player.style.transform = "scaleX(-1)";
      } else if (event.keyCode === 39) { // Right arrow
        xPos += 10;
        player.style.transform = "scaleX(1)";
      } else if (event.keyCode === 32) { // Spacebar
        jump();
      }
    });

// Function to make the player jump
    function jump() {
      if (player.classList.contains("jumping")) return;
    
      player.classList.add("jumping");
      player.style.transition = "transform 0.3s";
    
      setTimeout(function() {
        player.classList.remove("jumping");
        player.style.transition = "none";
      }, 500);
    }

// Function to update the player's position
    function updatePosition() {
      player.style.left = xPos + "px";
      player.style.top = yPos + "px";
    }

// Game loop
    function gameLoop() {
      updatePosition();
      requestAnimationFrame(gameLoop);
    }

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