Mario all stars it takes place in space and in the past's game

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

No:7190

1241

←

Prev Next

→

Mario all stars it takes place in space and in the..ALL
Developer User3985｜Date and time 23/7/6 11:50:06
Build time 19.041 sec｜Game capacity 3.235KB｜

Script

Sure! Here's a sample game implementation that resembles Mario All-Stars in a space and past theme. Due to technical limitations, I'll provide the code without pictograms, but you can imagine the characters and elements accordingly. Just save the code in an HTML file and open it in a web browser to play:

This simple game sets up a player represented by a red square and an obstacle represented by a blue square. The player can be controlled using the arrow keys on a keyboard or virtual keyboard on a smartphone. The goal is to avoid colliding with the obstacle as you move around the game area. When a collision occurs, an alert box will appear, and the game will be reset. Feel free to modify and enhance the code to add more features, levels, or dynamics to make it even more interesting!

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      #game {
        position: relative;
        width: 400px;
        height: 400px;
        border: 2px solid black;
        margin: 0 auto;
      }
      .player {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: red;
      }
      .obstacle {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: blue;
      }
    </style>
  </head>
  <body>
    <div id="game">
      <div id="player" class="player"></div>
      <div id="obstacle" class="obstacle"></div>
    </div>

var playerX = 0; // Initial player position
      var playerY = 0;
      var obstacleX = 350; // Initial obstacle position
      var obstacleY = 350;

function update() {
        // Update game state
        player.style.left = playerX + "px";
        player.style.top = playerY + "px";

obstacle.style.left = obstacleX + "px";
        obstacle.style.top = obstacleY + "px";

// Handle collision
        if (
          playerX < obstacleX + 50 &&
          playerX + 50 > obstacleX &&
          playerY < obstacleY + 50 &&
          50 + playerY > obstacleY
        ) {
          alert("Game over!");
          reset();
        }
      }

function reset() {
        // Reset player and obstacle positions
        playerX = 0;
        playerY = 0;
        obstacleX = 350;
        obstacleY = 350;
      }

// Controls
      document.addEventListener("keydown", function (event) {
        if (event.key === "ArrowUp") {
          playerY -= 50;
          if (playerY < 0) playerY = 0; // Prevent player from going off-screen
        } else if (event.key === "ArrowDown") {
          playerY += 50;
          if (playerY > game.offsetHeight - 50)
            playerY = game.offsetHeight - 50;
        } else if (event.key === "ArrowLeft") {
          playerX -= 50;
          if (playerX < 0) playerX = 0;
        } else if (event.key === "ArrowRight") {
          playerX += 50;
          if (playerX > game.offsetWidth - 50)
            playerX = game.offsetWidth - 50;
        }

update();
      });

// Start the game
      update();
    </script>
  </body>
</html>
```

Feel free to modify and enhance the code to add more features, levels, or dynamics to make it even more interesting!