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

No:33849

Game, that supports super mario, and it's new styl..ALL
Developer User15928｜Date and time 24/1/6 20:53:48
Build time 31.697 sec｜Game capacity 2.885KB｜

Script

Sure! Here's a sample HTML file that implements a simple game inspired by Super Mario using JavaScript, pictograms, and designed for smartphone operation:

Super Mario Game

This is just a basic example to get you started. You can further enhance the game by adding more levels, enemies, scoring system, power-ups, etc. Feel free to modify and expand it as per your requirements!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a sample HTML file that implements a simple game inspired by Super Mario using JavaScript, pictograms, and designed for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Super Mario Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 100px;
    }

#game-board {
      display: inline-block;
      border: 1px solid black;
      background-color: #C0C0C0;
      width: 300px;
      height: 200px;
      position: relative;
    }

#player {
      width: 30px;
      height: 30px;
      background-color: #FF0000;
      position: absolute;
      bottom: 10px;
      left: 10px;
      transition: left 0.2s;
    }

.obstacle {
      width: 50px;
      height: 50px;
      background-color: #0000FF;
      position: absolute;
    }

#obstacle-1 {
      top: 110px;
      left: 100px;
    }

#obstacle-2 {
      top: 110px;
      left: 200px; 
    }
  </style>
</head>
<body>
  <h1>Super Mario Game</h1>
  <div id="game-board">
    <div id="player"></div>
    <div id="obstacle-1" class="obstacle"></div>
    <div id="obstacle-2" class="obstacle"></div>
  </div>

// Adding event listener for touch events
    document.addEventListener("keydown", handleKeyDown);

// Function to handle player movement
    function handleKeyDown(event) {
      const key = event.key;
      const currentPosition = parseInt(player.style.left) || 0;
      const step = 10;

if (key === "ArrowLeft" && currentPosition > 0) {
        player.style.left = currentPosition - step + "px";
      } else if (key === "ArrowRight" && currentPosition < 270) {
        player.style.left = currentPosition + step + "px";
      }

// Check for collision
      if (checkCollision(player, obstacle1) || checkCollision(player, obstacle2)) {
        alert("Game Over!");
        resetGame();
      }
    }

// Function to check for collision between two elements
    function checkCollision(element1, element2) {
      const rect1 = element1.getBoundingClientRect();
      const rect2 = element2.getBoundingClientRect();

return (
        rect1.top < rect2.bottom &&
        rect1.bottom > rect2.top &&
        rect1.left < rect2.right &&
        rect1.right > rect2.left
      );
    }

// Function to reset game after collision
    function resetGame() {
      player.style.left = "10px";
    }
  </script>
</body>
</html>
```