AI game creator

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

No:38642

←

Prev Next

→

Mario
Developer User10392｜Date and time 24/1/25 6:31:29
Build time 10.164 sec｜Game capacity 2.331KB｜

Script

Sure, here's a simple implementation of a Mario game using JavaScript, enclosed in script tags within a single HTML file:

This implementation creates a simple game where the player (represented by a red box) moves from left to right on a game board. The goal is to avoid colliding with a block (represented by a green box) on the right side of the board. If the player collides with the block, a "Game Over!" message is displayed and the player and block positions are reset. The player moves every 200 milliseconds.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure, here's a simple implementation of a Mario game using JavaScript, enclosed in script tags within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mario Game</title>
  <style>
    /* CSS styles for the game */
    
    #game-board {
      width: 400px;
      height: 300px;
      border: 1px solid black;
      position: relative;
    }
    
    #player {
      width: 30px;
      height: 30px;
      background-color: red;
      position: absolute;
      bottom: 0;
      left: 0;
    }
    
    #block {
      width: 50px;
      height: 50px;
      background-color: green;
      position: absolute;
      bottom: 0;
      right: 0;
    }
  </style>
</head>
<body>
  
  <div id="game-board">
    <div id="player"></div>
    <div id="block"></div>
  </div>
  
  <script>
    // JavaScript code for the game
    
    // Game state variables
    var playerPosition = 0;
    var blockPosition = 0;
    
    // Function to update the player and block positions
    function updatePositions() {
      var playerElement = document.getElementById("player");
      var blockElement = document.getElementById("block");
      
      playerElement.style.left = playerPosition + "px";
      blockElement.style.right = blockPosition + "px";
    }
    
    // Function to handle player movement
    function movePlayer() {
      playerPosition += 10; // Move player 10 pixels to the right
      
      // Check if the player collides with the block
      if (playerPosition >= blockPosition - 30) {
        alert("Game Over!"); // Game over condition
        playerPosition = 0; // Reset player position
        blockPosition = 0; // Reset block position
      }
      
      updatePositions();
    }
    
    // Function to start the game
    function startGame() {
      setInterval(movePlayer, 200); // Move player every 200 milliseconds
    }
    
    // Start the game
    startGame();
  </script>
  
</body>
</html>
```