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

No:20276

173

←

Prev Next

→

Mario vs sonic fighting game with pictograms for ..ALL
Developer User9004｜Date and time 23/10/9 2:54:25
Build time 9.96 sec｜Game capacity 2.242KB｜

Script

Sure! Here's an example of a simple Mario vs Sonic fighting game implemented as a single HTML file with JavaScript and using pictograms for controls. Please note that this is a simplified version and not a full-fledged game.

Mario vs Sonic Fighting Game

In this example, we have a simple game board with two characters: Mario and Sonic. The goal is to move the character (only Mario in this example) left and right using the arrow keys on a smartphone. Please make sure to provide the appropriate pictogram images for Mario and Sonic, saving them as "emozi_all/pictogram.png" and "emozi_chicken.png" respectively in the same directory as the HTML file.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mario vs Sonic Fighting Game</title>
  <style>
    /* Add some styles for the game layout */
    #game-board {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
      overflow: hidden;
    }
    
    .character {
      width: 50px;
      height: 50px;
      position: absolute;
    }
    
    #mario {
      background-image: url('mario.png');
    }
    
    #sonic {
      background-image: url('sonic.png');
    }
  </style>
</head>
<body>
  <h1>Mario vs Sonic Fighting Game</h1>
  
  <div id="game-board">
    <div id="mario" class="character"></div>
    <div id="sonic" class="character"></div>
  </div>
  
  <script>
    // Game logic using JavaScript
    
    // Get the character elements
    var mario = document.getElementById("mario");
    var sonic = document.getElementById("sonic");
    
    // Set initial positions
    var marioPosition = 0;
    var sonicPosition = 0;
    
    // Move the character based on key code
    function moveCharacter(character, keyCode) {
      var currentPosition = parseInt(character.style.left) || 0;
      
      if (keyCode === 37) { // Left arrow key
        character.style.left = (currentPosition - 10) + "px";
      } else if (keyCode === 39) { // Right arrow key
        character.style.left = (currentPosition + 10) + "px";
      }
    }
    
    // Event listener for key press
    document.addEventListener("keydown", function(event) {
      if (event.keyCode === 37 || event.keyCode === 39) {
        moveCharacter(mario, event.keyCode);
      }
    });
  </script>
</body>
</html>
```

In this example, we have a simple game board with two characters: Mario and Sonic. The goal is to move the character (only Mario in this example) left and right using the arrow keys on a smartphone.

Please make sure to provide the appropriate pictogram images for Mario and Sonic, saving them as "mario.png" and "sonic.png" respectively in the same directory as the HTML file.