AI game creator

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

No:18938

←

Prev Next

→

Mario
Developer User8295｜Date and time 23/10/1 5:45:38
Build time 6.238 sec｜Game capacity 1.825KB｜

Script

Sure! Here's an example of a simple Mario game implemented as a single HTML file using JavaScript and pictograms:

In this game, the objective is to control Mario's movement using the arrow keys on a smartphone or keyboard. The `emozi_all/game.png` image is used to represent Mario, and it can be replaced with appropriate pictograms. When you open the HTML file in a web browser, the `
` section will handle the movement of Mario based on the arrow keys pressed. The `moveMario` function updates the position of Mario based on the key pressed and then updates the `top` and `left` CSS properties to move the Mario image accordingly within the game area. Note: This is a basic implementation to give you an idea. To turn it into a full-fledged game with levels, enemies, and other features, more code and logic would be required.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple Mario game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mario Game</title>
  <style>
    #mario {
      position: absolute;
      top: 0;
      left: 0;
    }
  </style>
</head>
<body>
  <div id="game">
    <img id="mario" src="mario.png" width="50" height="50">
  </div>

var positionX = 0;
    var positionY = 0;

var moveAmount = 10;

function moveMario(e) {
      switch (e.key) {
        case 'ArrowUp':
          positionY -= moveAmount;
          break;
        case 'ArrowDown':
          positionY += moveAmount;
          break;
        case 'ArrowLeft':
          positionX -= moveAmount;
          break;
        case 'ArrowRight':
          positionX += moveAmount;
          break;
      }

mario.style.top = positionY + 'px';
      mario.style.left = positionX + 'px';
    }

document.addEventListener('keydown', moveMario);
  </script>
</body>
</html>
```

In this game, the objective is to control Mario's movement using the arrow keys on a smartphone or keyboard. The `mario.png` image is used to represent Mario, and it can be replaced with appropriate pictograms.

When you open the HTML file in a web browser, the `<script>` section will handle the movement of Mario based on the arrow keys pressed. The `moveMario` function updates the position of Mario based on the key pressed and then updates the `top` and `left` CSS properties to move the Mario image accordingly within the game area.

Note: This is a basic implementation to give you an idea. To turn it into a full-fledged game with levels, enemies, and other features, more code and logic would be required.