A Mario themespd platformer with 10 levels with level 10 having a boss's game

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

No:35817

105

←

Prev Next

→

A Mario themespd platformer with 10 levels with le..ALL
Developer User16627｜Date and time 24/1/15 13:20:22
Build time 15.139 sec｜Game capacity 4.444KB｜

Script

Sure! Here's an example of a simple Mario-themed platformer game with 10 levels and a boss at level 10. The game is implemented as a single HTML file and uses JavaScript for the game logic. It is designed for smartphone operation and utilizes pictograms for visuals. Note: This is a basic implementation and can be expanded upon with additional features and improvements.

To play the game, you can copy the above code into a blank HTML file and open it in a smartphone browser. The game consists of a character represented by a blue square (player) that needs to jump on platform represented by smaller red rectangles to reach the boss represented by a pink square (boss) at level 10. The player can move left and right on the platforms using touch controls, and they must avoid falling off the screen or colliding with the boss until they reach level 10.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Note: This is a basic implementation and can be expanded upon with additional features and improvements.

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game {
        width: 320px;
        height: 400px;
        background-color: #d3d3d3;
        position: relative;
        overflow: hidden;
    }

.platform {
        width: 50px;
        height: 10px;
        background-color: #b22222;
        position: absolute;
        bottom: 10px;
    }

#player {
        width: 20px;
        height: 20px;
        background-color: #00ced1;
        position: absolute;
        bottom: 0;
    }

#boss {
        width: 50px;
        height: 50px;
        background-color: #8b008b;
        position: absolute;
        bottom: 10px;
    }

</style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
    <div id="boss"></div>
    <div class="platform" style="left: 50px;"></div>
  </div>

// Level structures
    var levels = [
      [0],
      [50],
      [100],
      [150],
      [200],
      [250, 200],
      [300, 250],
      [350, 250, 100],
      [400, 300, 150],
      [450, 350, 200, true]
    ];

function createLevel() {
      // Clear previous level
      platforms.forEach(function (platform) {
        platform.remove();
      });
      platforms = [];

// Create platforms for current level
      levels[level - 1].forEach(function (platformPosition) {
        var platform = document.createElement('div');
        platform.className = 'platform';
        platform.style.left = platformPosition + 'px';
        game.appendChild(platform);
        platforms.push(platform);
      });

// Position the player and boss
      player.style.left = '0';
      boss.style.left = '500px';
    }

function checkCollision() {
      platforms.forEach(function (platform) {
        var playerRect = player.getBoundingClientRect();
        var platformRect = platform.getBoundingClientRect();

if (
          playerRect.bottom >= platformRect.top &&
          playerRect.top <= platformRect.bottom &&
          playerRect.right >= platformRect.left &&
          playerRect.left <= platformRect.right
        ) {
          // Player collided with platform
          player.style.bottom = platformRect.bottom + 'px';
        }
      });

var playerRect = player.getBoundingClientRect();
      var bossRect = boss.getBoundingClientRect();

if (
        playerRect.bottom >= bossRect.top &&
        playerRect.top <= bossRect.bottom &&
        playerRect.right >= bossRect.left &&
        playerRect.left <= bossRect.right
      ) {
        // Player collided with boss
        if (level === 10) {
          alert('Congratulations! You defeated the boss and completed the game!');
        } else {
          alert('You encountered the boss! Defeat it to unlock the next level!');
        }
        level++;
        createLevel();
      }
    }

// Game loop
    function gameLoop() {
      var playerRect = player.getBoundingClientRect();
      var gameRect = game.getBoundingClientRect();

if (playerRect.bottom >= gameRect.bottom) {
        // Player fell off the screen, reset level
        alert('Game Over! You fell off the screen');
        level = 1;
        createLevel();
      }

checkCollision();
      requestAnimationFrame(gameLoop);
    }

// Initialize the game
    var game = document.getElementById('game');
    player = document.getElementById('player');
    boss = document.getElementById('boss');
    platforms = [];

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