Make a platformer game.be sure that the player can move left and right and jump.but make sure the gravity works.also make sure there are enemies's game

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

No:20002

184

←

Prev Next

→

Make a platformer game.be sure that the player ca..ALL
Developer User8878｜Date and time 23/10/7 23:02:27
Build time 24.765 sec｜Game capacity 4.096KB｜

Script

Sure! Here's an example of a simple platformer game that includes player movement, gravity, and enemies. The game is implemented as a single HTML file and contains JavaScript code enclosed within script tags.

This game includes a player that can move left and right using the left and right arrow keys. The player can also jump by pressing the spacebar. Gravity is applied, making the player fall back down after jumping. There are two enemies (red blocks) in the game, and colliding with them will trigger a game over. The game will restart automatically after a collision.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Platformer Game</title>
  <style>
    #game {
      width: 500px;
      height: 300px;
      border: 1px solid black;
    }
    #player {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
    }
    .enemy {
      width: 50px;
      height: 50px;
      background-color: red;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
    <div class="enemy" style="top: 250px; left: 200px;"></div>
    <div class="enemy" style="top: 250px; left: 400px;"></div>
  </div>

function moveLeft() {
      var left = parseInt(window.getComputedStyle(player).getPropertyValue('left'));
      if (left > 0) {
        player.style.left = (left - 5) + 'px';
      }
    }

function moveRight() {
      var left = parseInt(window.getComputedStyle(player).getPropertyValue('left'));
      if (left < 450) {
        player.style.left = (left + 5) + 'px';
      }
    }

fdStyle(player).getPropertyValue('top'));
        var jumpInterval = setInterval(function() {
          if (top > (jumpHeight + 50)) {
            clearInterval(jumpInterval);
            jumping = false;
          }
          else {
            top -= jumpSpeed;
            player.style.top = top + 'px';
          }
        }, 10);
      }
    }

function gameLoop() {
      if (leftPressed) {
        moveLeft();
      }
      if (rightPressed) {
        moveRight();
      }
      if (jumpPressed) {
        jump();
      }

var top = parseInt(window.getComputedStyle(player).getPropertyValue('top'));
      if (top < 250) {
        player.style.top = (top + gravity) + 'px';
      }

// Check collision with enemies
      var enemies = document.getElementsByClassName('enemy');
      var playerRect = player.getBoundingClientRect();

for (var i = 0; i < enemies.length; i++) {
        var enemyRect = enemies[i].getBoundingClientRect();
        if (isColliding(playerRect, enemyRect)) {
          alert('Game Over!');
          location.reload(); // Restart the game
        }
      }

requestAnimationFrame(gameLoop);
    }

function isColliding(rect1, rect2) {
      return (rect1.left <= rect2.right &&
              rect2.left <= rect1.right &&
              rect1.top <= rect2.bottom &&
              rect2.top <= rect1.bottom);
    }

requestAnimationFrame(gameLoop);
  </script>
</body>
</html>
```