Platformer game with Emily's and bosses 1 to 20 levels's game

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

No:44191

←

Prev Next

→

Platformer game with Emily's and bosses 1 to 20 le..ALL
Developer User15380｜Date and time 24/2/17 12:02:42
Build time 9.625 sec｜Game capacity 2.775KB｜

Script

Sure! Here's an example of a platformer game using JavaScript and HTML:

In this game, the player controls a blue character using the arrow keys. The character can move left and right within the game container. There is also a red boss that moves from right to left continuously. If the character collides with the boss, a game over message is displayed. Note: This is a simplified example and only includes one level with a single boss. You can extend the game by adding more levels and bosses as per your requirement.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a platformer game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Platformer Game</title>
  <style>
    #game {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      position: relative;
      overflow: hidden;
    }
    .character {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
      bottom: 0;
      left: 0;
    }
    .boss {
      width: 75px;
      height: 75px;
      background-color: red;
      position: absolute;
      bottom: 0;
      right: 0;
    }
  </style>
</head>
<body>
  <div id="game">
    <div class="character"></div>
    <div class="boss"></div>
  </div>

if (event.key === "ArrowLeft" && characterPosition > 0) {
        character.style.left = characterPosition - 10 + "px";
      } else if (event.key === "ArrowRight" && characterPosition < gameWidth - 50) {
        character.style.left = characterPosition + 10 + "px";
      }
    });

// Boss movement logic
    setInterval(function() {
      const boss = document.querySelector(".boss");
      const bossPosition = boss.offsetLeft;
      const bossSpeed = 5;

if (bossPosition >= 225) {
        boss.style.right = "0px";
      } else {
        boss.style.right = bossPosition + bossSpeed + "px";
      }
    }, 100);

// Collision detection
    setInterval(function() {
      const character = document.querySelector(".character");
      const boss = document.querySelector(".boss");
      const characterPosition = character.getBoundingClientRect();
      const bossPosition = boss.getBoundingClientRect();

if (characterPosition.left < bossPosition.right &&
          characterPosition.right > bossPosition.left &&
          characterPosition.bottom > bossPosition.top &&
          characterPosition.top < bossPosition.bottom) {
        alert("Game Over! You got caught by the boss.");
        clearInterval(characterMovement);
      }
    }, 10);
  </script>
</body>
</html>
```

Note: This is a simplified example and only includes one level with a single boss. You can extend the game by adding more levels and bosses as per your requirement.