AI game creator

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

No:24456

135

←

Prev Next

→

Mario
Developer User11200｜Date and time 23/11/9 6:09:55
Build time 65.372 sec｜Game capacity 3.123KB｜

Script

Sure! Here's a simple implementation of a Mario game using pictograms:

This game allows you to control a Mario character represented by the 🎮 pictogram. Your objective is to collect 💰 coins and reach the 🚩 flag while avoiding 🌳 obstacles. The game ends when you either hit an obstacle, reach the flag, or leave the boundaries of the game grid. Your score is displayed at the bottom of the screen. Use the arrow keys on your smartphone to navigate Mario through the grid. Hope you enjoy playing the game!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a simple implementation of a Mario game using pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-size: 80px;
    }
  </style>
</head>
<body>
  <script>
    // Pictograms
    const mario = "🎮";
    const obstacle = "🌳";
    const coin = "💰";
    const flag = "🚩";
  
    // Game grid
    const grid = [
      [mario, obstacle, coin],
      [obstacle, obstacle, obstacle],
      [coin, obstacle, flag]
    ];
  
    // Game state
    let marioX = 0;
    let marioY = 0;
    let score = 0;
    let gameOver = false;
  
    // Rendering function
    function render() {
      let output = "";
  
      for (let row of grid) {
        for (let cell of row) {
          output += cell + " ";
        }
        output += "<br>";
      }
  
      output += "<br>Score: " + score;
  
      document.body.innerHTML = output;
    }
  
    // Game logic function
    function moveMario(direction) {
      if (gameOver) return;
  
      let newMarioX = marioX;
      let newMarioY = marioY;
  
      if (direction === "left") {
        newMarioX--;
      } else if (direction === "right") {
        newMarioX++;
      } else if (direction === "up") {
        newMarioY--;
      } else if (direction === "down") {
        newMarioY++;
      }
  
      if (
        newMarioX < 0 ||
        newMarioX >= grid[0].length ||
        newMarioY < 0 ||
        newMarioY >= grid.length
      ) {
        // Mario hit the boundaries of the grid, game over
        gameOver = true;
        render();
        alert("Game Over! Final Score: " + score);
        return;
      }
  
      const cellContents = grid[newMarioY][newMarioX];
  
      if (cellContents === obstacle) {
        // Mario hit an obstacle, no movement allowed
        return;
      } else if (cellContents === coin) {
        // Mario collected a coin
        score++;
        grid[newMarioY][newMarioX] = " ";
      } else if (cellContents === flag) {
        // Mario reached the flag, game over
        gameOver = true;
        render();
        alert("You won! Final Score: " + score);
        return;
      }
  
      marioX = newMarioX;
      marioY = newMarioY;
  
      render();
    }
  
    // Initial rendering
    render();
  
    // Event listeners for arrow key presses
    document.addEventListener("keydown", function(event) {
      if (event.key === "ArrowLeft") {
        moveMario("left");
      } else if (event.key === "ArrowRight") {
        moveMario("right");
      } else if (event.key === "ArrowUp") {
        moveMario("up");
      } else if (event.key === "ArrowDown") {
        moveMario("down");
      }
    });
  </script>
</body>
</html>
```

This game allows you to control a Mario character represented by the 🎮 pictogram. Your objective is to collect 💰 coins and reach the 🚩 flag while avoiding 🌳 obstacles. The game ends when you either hit an obstacle, reach the flag, or leave the boundaries of the game grid. Your score is displayed at the bottom of the screen. Use the arrow keys on your smartphone to navigate Mario through the grid.

Hope you enjoy playing the game!