Mario but I can control him's game

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

No:34980

←

Prev Next

→

Mario but I can control him
Developer User9045｜Date and time 24/1/12 21:58:08
Build time 11.907 sec｜Game capacity 2.459KB｜

Script

Sure! Here's an example of a simple implementation of a Mario game using HTML and JavaScript, where you can control Mario's movements using arrow keys. The game is rendered using ASCII characters instead of pictograms:

You can copy and paste the above code into a new HTML file and open it in a web browser to play the Mario game. Use the arrow keys on your smartphone or computer keyboard to control Mario's movements. The game screen will be displayed in a fixed-size grid, where Mario is represented by the letter "M."

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mario Game</title>
  <style>
    #game-screen {
      font-family: monospace;
    }
  </style>
</head>
<body>
  <pre id="game-screen"></pre>

let marioX = 2;
      let marioY = 2;

// Define key codes for arrow keys
      const KEY_LEFT = 37;
      const KEY_UP = 38;
      const KEY_RIGHT = 39;
      const KEY_DOWN = 40;

// Render the game screen
      function render() {
        let output = "";

for (let y = 0; y < gameHeight; y++) {
          for (let x = 0; x < gameWidth; x++) {
            if (x === marioX && y === marioY) {
              output += "M"; // Mario character
            } else {
              output += "."; // Empty space
            }
          }
          output += "\n";
        }

gameScreen.textContent = output;
      }

// Handle key press events
      function handleKeyPress(event) {
        const { keyCode } = event;
        if (keyCode === KEY_LEFT) {
          marioX--;
        } else if (keyCode === KEY_UP) {
          marioY--;
        } else if (keyCode === KEY_RIGHT) {
          marioX++;
        } else if (keyCode === KEY_DOWN) {
          marioY++;
        }

// Ensure Mario stays within the game boundaries
        if (marioX < 0) marioX = 0;
        if (marioX >= gameWidth) marioX = gameWidth - 1;
        if (marioY < 0) marioY = 0;
        if (marioY >= gameHeight) marioY = gameHeight - 1;

render();
      }

render();

// Start listening to key press events
      window.addEventListener("keydown", handleKeyPress);
    });
  </script>
</body>
</html>
```