You have to jump on buildings and survive falling's game

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

No:17950

←

Prev Next

→

You have to jump on buildings and survive falling
Developer User7843｜Date and time 23/9/25 8:22:55
Build time 34.049 sec｜Game capacity 4.446KB｜

Script

Sure! Here's an example of a simple game where you have to jump on buildings and survive falling. The game will be implemented as a single HTML file using JavaScript and enclosed within script tags.

You can save the above code as an HTML file and open it in a web browser to play the game. To control the game, simply click or tap the game canvas to make the player jump. The objective is to jump on the buildings and avoid falling down. If the player hits the buildings from the sides or falls below the screen, the game is over. Good luck!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's an example of a simple game where you have to jump on buildings and survive falling. The game will be implemented as a single HTML file using JavaScript and enclosed within script tags.

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Jumping Game</title>
    <style>
      /* Styling for the game canvas */
      #gameCanvas {
        width: 100vw;
        height: 100vh;
        background-color: #000;
        position: relative;
        overflow: hidden;
      }
      /* Styling for the player character */
      #player {
        width: 50px;
        height: 50px;
        background-color: #f00;
        position: absolute;
        bottom: 0;
        left: 50vw;
        transform: translateX(-50%);
        transition: bottom 0.2s;
      }
      /* Styling for the buildings */
      .building {
        width: 100px;
        height: 20px;
        background-color: #0f0;
        position: absolute;
        bottom: 0;
      }
    </style>
  </head>
  <body>
    <div id="gameCanvas">
      <div id="player"></div>
    </div>

// Initialize the game
      function init() {
        // Get game canvas and player element
        gameCanvas = document.getElementById("gameCanvas");
        player = document.getElementById("player");

// Generate initial buildings
        generateBuilding();

// Start the game loop
        gameInterval = setInterval(updateGame, 20);

// Register touch/click event for jumping
        gameCanvas.addEventListener("click", jump);
      }

// Generate new random building
      function generateBuilding() {
        var buildingWidth = Math.floor(Math.random() * (gameCanvas.offsetWidth / 2)) + 50;
        var building = document.createElement("div");
        building.classList.add("building");
        building.style.width = buildingWidth + "px";
        gameCanvas.appendChild(building);

// Position the building
        var xPosition = Math.floor(Math.random() * (gameCanvas.offsetWidth - buildingWidth));
        building.style.left = xPosition + "px";

// Add building to the array
        buildings.push(building);
      }

// Update the game state
      function updateGame() {
        // Check if player touches the building
        for (var i = 0; i < buildings.length; i++) {
          if (isColliding(player, buildings[i])) {
            if (player.offsetTop < buildings[i].offsetTop) {
              // Player is on top of the building, safe!
              isJumping = false;
              break;
            } else {
              // Player hits the building, game over!
              clearInterval(gameInterval);
              alert("Game over!");
              return;
            }
          }
        }

// Apply gravity to the player character if not jumping
        if (!isJumping) {
          player.style.bottom = player.offsetTop - gravity + "px";
        }

// Remove buildings that are out of view
        if (buildings.length > 10) {
          gameCanvas.removeChild(buildings.shift());
        }

// Generate new building if needed
        if (player.offsetTop + player.offsetHeight >= gameCanvas.offsetHeight) {
          generateBuilding();
        }
      }

// Function for player jumping
      function jump() {
        if (!isJumping) {
          isJumping = true;
          player.style.bottom = player.offsetTop + jumpHeight + "px";
        }
      }

// Function for collision detection
      function isColliding(element1, element2) {
        var rect1 = element1.getBoundingClientRect();
        var rect2 = element2.getBoundingClientRect();

return !(
          rect1.top > rect2.bottom ||
          rect1.right < rect2.left ||
          rect1.bottom < rect2.top ||
          rect1.left > rect2.right
        );
      }

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