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

No:20277

103

←

Prev Next

→

Mario vs sonic fighting game with pictograms for t..ALL
Developer User9004｜Date and time 23/10/9 2:56:59
Build time 13.043 sec｜Game capacity 2.788KB｜

Script

Sure! Here's an example of a simple Mario vs Sonic fighting game using pictograms for the controls. Please note that this is just a basic implementation to give you an idea, and you can add more features and complexity as desired:

Mario vs Sonic Fighting Game

Controls:

This code will create a web page with pictograms representing the controls for Mario and Sonic. When you click on a control, the game will randomly determine a winner and display the result on the page. Please note that you would need to replace the image URLs (e.g., "emozi_all/mario.png") with the actual image file names or URLs for the pictograms you want to use in your game. Additionally, you can enhance the game by adding more features, animations, sound effects, and a scoring system.

←

Prev　Next

→ 　

Back　

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

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>
      .game-container {
        text-align: center;
        padding: 20px;
      }
      .controls-container {
        display: flex;
        justify-content: center;
        margin-top: 20px;
      }
      .control {
        margin: 0 10px;
        cursor: pointer;
      }
      .control img {
        width: 60px;
        height: 60px;
      }
    </style>
  </head>
  <body>
    <div class="game-container">
      <h1>Mario vs Sonic Fighting Game</h1>
      <h2>Controls:</h2>
      <div class="controls-container">
        <div class="control" id="marioLeft">
          <img src="mario-left.png" alt="Mario Left">
        </div>
        <div class="control" id="marioRight">
          <img src="mario-right.png" alt="Mario Right">
        </div>
        <div class="control" id="sonicLeft">
          <img src="sonic-left.png" alt="Sonic Left">
        </div>
        <div class="control" id="sonicRight">
          <img src="sonic-right.png" alt="Sonic Right">
        </div>
      </div>
      <div id="gameResult"></div>
    </div>

document.getElementById("marioRight").addEventListener("click", function() {
        fight("Mario", "Right");
      });

document.getElementById("sonicLeft").addEventListener("click", function() {
        fight("Sonic", "Left");
      });

document.getElementById("sonicRight").addEventListener("click", function() {
        fight("Sonic", "Right");
      });

function fight(fighter, direction) {
        // Simplified game logic (random winner)
        var random = Math.random();
        var result = "";

if (random < 0.5) {
          result = " wins!";
        } else {
          result = " wins!";
        }

document.getElementById("gameResult").innerHTML = fighter + result;
      }
    </script>
  </body>
</html>
```

Please note that you would need to replace the image URLs (e.g., "mario-left.png") with the actual image file names or URLs for the pictograms you want to use in your game. Additionally, you can enhance the game by adding more features, animations, sound effects, and a scoring system.