A 2D fighting game including the characters Luigi, Mario,sonic and tails which uses pictograms's game

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

No:20264

107

←

Prev Next

→

A 2D fighting game including the characters Luigi,..ALL
Developer User9004｜Date and time 23/10/9 2:25:41
Build time 11.495 sec｜Game capacity 2.778KB｜

Script

Sure! Here's an example of a simple 2D fighting game using pictograms for characters Luigi, Mario, Sonic, and Tails. The game can be played on a smartphone by tapping on the screen. Please note that this is a basic implementation and can be expanded upon for more advanced gameplay features.

In the above code, you'll need to replace the image paths (`emozi_rabbit.png`, `emozi_all/mario.png`, `emozi_dog.png`, `emozi_himawari.png`) with the actual image paths for the corresponding character pictograms. The CSS styles position the characters on the game screen, and the JavaScript code handles the character movements when tapping on the screen.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game {
        width: 400px;
        height: 300px;
        background-color: #000;
        position: relative;
        overflow: hidden;
    }
    
    .character {
        position: absolute;
    }
    
    #luigi {
        top: 100px;
        left: 50px;
    }
    
    #mario {
        top: 120px;
        left: 100px;
    }
    
    #sonic {
        top: 80px;
        left: 150px;
    }
    
    #tails {
        top: 110px;
        left: 200px;
    }
  </style>
</head>
<body>
    <div id="game">
        <img src="luigi.png" id="luigi" class="character">
        <img src="mario.png" id="mario" class="character">
        <img src="sonic.png" id="sonic" class="character">
        <img src="tails.png" id="tails" class="character">
    </div>

var screenWidth = 400;
        var charSpeed = 10;

// Function to move character to the right
        function moveRight(character) {
            var leftPos = parseInt(character.style.left);
            if (leftPos + charSpeed <= screenWidth - character.width) {
                character.style.left = (leftPos + charSpeed) + "px";
            }
        }

// Function to move character to the left
        function moveLeft(character) {
            var leftPos = parseInt(character.style.left);
            if (leftPos - charSpeed >= 0) {
                character.style.left = (leftPos - charSpeed) + "px";
            }
        }

// Event listeners to control characters
        luigi.addEventListener("click", function() {
            moveRight(luigi);
        });

mario.addEventListener("click", function() {
            moveRight(mario);
        });

sonic.addEventListener("click", function() {
            moveLeft(sonic);
        });

tails.addEventListener("click", function() {
            moveLeft(tails);
        });
    </script>
</body>
</html>
```

In the above code, you'll need to replace the image paths (`luigi.png`, `mario.png`, `sonic.png`, `tails.png`) with the actual image paths for the corresponding character pictograms. The CSS styles position the characters on the game screen, and the JavaScript code handles the character movements when tapping on the screen.