A platformer game like Sonic The Hedgehog's game

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

No:29595

←

Prev Next

→

A platformer game like Sonic The Hedgehog
Developer User14524｜Date and time 23/12/17 18:26:57
Build time 25.467 sec｜Game capacity 3.269KB｜

Script

Sure! Here's an example of a simple platformer game written in a single HTML file using JavaScript:

In this game, you control a player represented by the Sonic pictogram. The player can jump and has to land on randomly generated platforms to avoid falling down. The player's position is updated with gravity to simulate jumping and falling. The game loop continuously updates the game state and checks for collisions between the player and platforms. Note: To make this code work, you'll need to provide a pictogram image named "emozi_all/pictogram.png" in the same directory as the HTML file.

←

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 platformer game written in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Platformer Game</title>
    <style>
      #game {
        width: 400px;
        height: 400px;
        border: 1px solid #000;
        background-color: #ccc;
      }
    </style>
  </head>
  <body>
    <div id="game"></div>

// Initialize the game
      function initGame() {
        // Create player object
        player = document.createElement("img");
        player.src = "sonic.png"; // Pictogram for the player
        player.style.position = "absolute";
        player.style.left = "50px";
        player.style.top = "50px";
        player.style.width = "50px";
        document.getElementById("game").appendChild(player);

// Create platforms
        for (var i = 0; i < 5; i++) {
          var platform = document.createElement("div");
          platform.className = "platform";
          platform.style.position = "absolute";
          platform.style.left = Math.random() * 350 + "px";
          platform.style.top = Math.random() * 350 + "px";
          document.getElementById("game").appendChild(platform);
          platforms.push(platform);
        }

// Start game loop
        setInterval(updateGame, 10);
      }

// Update the game state
      function updateGame() {
        // Apply gravity to the player
        player.style.top = player.offsetTop + gravity + "px";

// Check collision with platforms
        for (var i = 0; i < platforms.length; i++) {
          var platform = platforms[i];

if (
            player.offsetLeft + player.offsetWidth > platform.offsetLeft &&
            player.offsetLeft < platform.offsetLeft + platform.offsetWidth &&
            player.offsetTop + player.offsetHeight > platform.offsetTop &&
            player.offsetTop < platform.offsetTop + platform.offsetHeight
          ) {
            // Player collides with platform, stop falling
            player.style.top = platform.offsetTop - player.offsetHeight + "px";
            gravity = 0;
          }
        }
      }

// Handle user input (keyboard events for smartphone touch events)
      function handleInput(event) {
        if (event.keyCode === 32 || event.type === "click") {
          // Space key or screen touch is pressed, make player jump
          gravity = -4;
        }
      }

// Attach event listeners
      document.addEventListener("keydown", handleInput);
      document.addEventListener("click", handleInput);

// Initialize the game once the page is loaded
      window.onload = initGame;
    </script>
  </body>
</html>
```

Note: To make this code work, you'll need to provide a pictogram image named "sonic.png" in the same directory as the HTML file.