Create a game where you are, mario And you step on a gumba and you win's game

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

No:15893

157

←

Prev Next

→

Create a game where you are, mario And you step on..ALL
Developer User6980｜Date and time 23/9/13 9:27:32
Build time 22.764 sec｜Game capacity 2.703KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file that can be played on a smartphone. The game is based on the scenario you provided, where you control Mario and need to step on a Goomba to win.

In the above code, I assumed that you have two image files, `emozi_all/mario.png` for the player and `emozi_all/player.png` for the enemy (Goomba). Please make sure to replace the `emozi_all/enemy.png` and `emozi_chicken.png` file names with your own image files to see the graphics in the game. To play the game, open this HTML file in a web browser on your smartphone. You'll see a game area with a Mario character and a Goomba. Tap on the Goomba, and if you successfully step on it, an alert will be shown saying "You win!". This is a very basic implementation, but it should work as a simple game for your scenario. You can expand upon it by adding more enemies, levels, or additional features as needed.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    /* Styling the game area */
    #game-area { 
      width: 300px;
      height: 300px;
      border: 1px solid black;
      position: relative;
    }
    
    /* Styling the player (Mario) */
    #player {
      width: 50px;
      height: 50px;
      background: url('mario.png') no-repeat;
      background-size: cover;
      position: absolute;
    }
    
    /* Styling the enemy (Goomba) */
    .enemy {
      width: 50px;
      height: 50px;
      background: url('goomba.png') no-repeat;
      background-size: cover;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="game-area">
    <div id="player"></div>
    <div class="enemy" style="top: 100px; left: 200px;"></div>
  </div>

// Function to check if player stepped on the Goomba
    function stepOnGoomba(event) {
      const clickX = event.clientX - gameArea.offsetLeft;
      const clickY = event.clientY - gameArea.offsetTop;
      
      if (
        clickX >= enemy.offsetLeft &&
        clickX <= enemy.offsetLeft + enemy.offsetWidth &&
        clickY >= enemy.offsetTop &&
        clickY <= enemy.offsetTop + enemy.offsetHeight
      ) {
        alert('You win!');
      }
    }
  </script>
</body>
</html>
```

In the above code, I assumed that you have two image files, `mario.png` for the player and `goomba.png` for the enemy (Goomba). Please make sure to replace the `mario.png` and `goomba.png` file names with your own image files to see the graphics in the game.

To play the game, open this HTML file in a web browser on your smartphone. You'll see a game area with a Mario character and a Goomba. Tap on the Goomba, and if you successfully step on it, an alert will be shown saying "You win!".

This is a very basic implementation, but it should work as a simple game for your scenario. You can expand upon it by adding more enemies, levels, or additional features as needed.