A game about Doge replacing Mario in SMB.'s game

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

No:41596

←

Prev Next

→

A game about Doge replacing Mario in SMB.
Developer User18638｜Date and time 24/2/8 15:55:48
Build time 14.137 sec｜Game capacity 3.488KB｜

Script

Sure! Here's an example of a simple game about Doge replacing Mario in Super Mario Bros using JavaScript:

This HTML file sets up a game board with Doge as the character, and red obstacles that move from right to left. The player can make Doge jump by pressing the spacebar key. The game will end if Doge collides with any of the obstacles. To run the game, save the code in a file with the `.html` extension, and make sure to have the `emozi_all/game.png` and `mario_background.jpg` files in the same directory as the HTML file. Then, open the HTML file in a web browser, and you can play the game using smartphone controls.

←

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 game about Doge replacing Mario in Super Mario Bros using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Doge in Super Mario Bros</title>
  <style>
    #game-board {
      width: 500px;
      height: 500px;
      border: 1px solid black;
      background-image: url('mario_background.jpg');
      background-size: cover;
      position: relative;
      margin: 0 auto;
      overflow: hidden;
    }

#doge {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 50px;
      height: 50px;
      background-image: url('doge_icon.png');
      background-size: contain;
    }

.obstacle {
      position: absolute;
      bottom: 0;
      width: 30px;
      height: 30px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <div id="doge"></div>
    <div class="obstacle" style="left: 150px;"></div>
    <div class="obstacle" style="left: 250px;"></div>
    <div class="obstacle" style="left: 350px;"></div>
  </div>

// Store game state
    let isJumping = false;
    let isGameOver = false;
    let gravity = 0.9;
    let obstacleSpeed = 10;

// Function to handle jumping
    function jump() {
      if (isJumping) return;
      doge.classList.add('jump');
      isJumping = true;
      setTimeout(function() {
        doge.classList.remove('jump');
        isJumping = false;
      }, 300);
    }

// Function to handle collision detection
    function detectCollision() {
      let dogeRect = doge.getBoundingClientRect();

for (let obstacle of obstacles) {
        let obstacleRect = obstacle.getBoundingClientRect();
        if (
          dogeRect.bottom >= obstacleRect.top &&
          dogeRect.top <= obstacleRect.bottom &&
          dogeRect.right >= obstacleRect.left &&
          dogeRect.left <= obstacleRect.right
        ) {
          endGame();
        }
      }
    }

// Function to move obstacles
    function moveObstacles() {
      if (isGameOver) return;

for (let obstacle of obstacles) {
        let obstacleLeft = parseInt(obstacle.style.left);
        if (obstacleLeft <= -30) {
          obstacle.style.left = '500px';
        } else {
          obstacle.style.left = obstacleLeft - obstacleSpeed + 'px';
        }
      }

detectCollision();
      requestAnimationFrame(moveObstacles);
    }

// Function to end the game
    function endGame() {
      isGameOver = true;
      alert('Game Over! Try again.');
      window.location.reload();
    }

// Event listener for spacebar key to jump
    document.addEventListener('keydown', function(event) {
      if (event.code === 'Space') {
        jump();
      }
    });

moveObstacles();
  </script>
</body>
</html>
```

To run the game, save the code in a file with the `.html` extension, and make sure to have the `doge_icon.png` and `mario_background.jpg` files in the same directory as the HTML file. Then, open the HTML file in a web browser, and you can play the game using smartphone controls.