Make a platformer game's game

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

No:20383

←

Prev Next

→

Make a platformer game
Developer User9028｜Date and time 23/10/9 10:17:40
Build time 14.522 sec｜Game capacity 3.291KB｜

Script

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

In this example, the game is a simple platformer where you control a blue square player character using the Arrow Up key to jump. The objective is to navigate the player across the green platforms without falling off or colliding with the top of the screen. The basic game mechanics include gravity, collision detection, and player movement. You can save this code in a blank HTML file and open it in a web browser to play the game. Note that this is just a basic example, and you can enhance it further with additional features, levels, graphics, and sound effects as per your requirements.

←

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 implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Platformer Game</title>
    <style>
      #game-canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="game-canvas" width="400" height="300"></canvas>

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

// Update game state
      function update() {
        // Player movement
        if (player.jump) {
          player.velocityY -= player.speed * 2;
          player.jump = false;
        }

// Apply gravity to player
        player.velocityY += 0.5;
        player.y += player.velocityY;

// Check for collisions with platforms
        platforms.forEach(function(platform) {
          if (
            player.x < platform.x + platform.width &&
            player.x + player.width > platform.x &&
            player.y + player.height > platform.y &&
            player.y + player.height < platform.y + platform.height
          ) {
            player.y = platform.y - player.height;
            player.velocityY = 0;
          }
        });
      }

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

// Draw player
        ctx.fillStyle = "blue";
        ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw platforms
        ctx.fillStyle = "green";
        platforms.forEach(function(platform) {
          ctx.fillRect(platform.x, platform.y, platform.width, platform.height);
        });
      }

// Handle keyboard events
      function handleKeyDown(e) {
        if (e.key === "ArrowUp" && !player.jumping) {
          player.jump = true;
          player.jumping = true;
        }
      }

function handleKeyUp(e) {
        if (e.key === "ArrowUp") {
          player.jumping = false;
        }
      }

// Start game
      window.addEventListener("keydown", handleKeyDown);
      window.addEventListener("keyup", handleKeyUp);
      setInterval(gameLoop, 1000 / 60);
    </script>
  </body>
</html>
```

You can save this code in a blank HTML file and open it in a web browser to play the game. Note that this is just a basic example, and you can enhance it further with additional features, levels, graphics, and sound effects as per your requirements.