Mario and Sonic 2d game's game

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

No:41749

←

Prev Next

→

Mario and Sonic 2d game
Developer User18726｜Date and time 24/2/9 18:36:59
Build time 8.994 sec｜Game capacity 2.453KB｜

Script

Sure! Here's a simple example of a 2D game using Mario and Sonic pictograms. The game is implemented as a single HTML file and uses JavaScript. Please note that this is a very basic example and doesn't include advanced game mechanics.

Please make sure to replace `emozi_all/mario.png` and `emozi_chicken.png` with the actual paths to the pictogram images you want to use for Mario and Sonic. You can also customize the game board size and character movements as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mario & Sonic: 2D Game</title>
    <style>
        #game-board {
            position: relative;
            width: 500px;
            height: 400px;
            border: 2px solid black;
        }
        
        .character {
            position: absolute;
            width: 50px;
            height: 50px;
        }
        
        #mario {
            background-image: url('mario.png');
            background-size: cover;
        }
        
        #sonic {
            background-image: url('sonic.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="mario" class="character"></div>
        <div id="sonic" class="character"></div>
    </div>

// Starting positions
        var marioX = 50;
        var marioY = 50;
        var sonicX = 400;
        var sonicY = 300;

// Update character positions
        function updatePositions() {
            mario.style.left = marioX + 'px';
            mario.style.top = marioY + 'px';
            sonic.style.left = sonicX + 'px';
            sonic.style.top = sonicY + 'px';
        }

// Handle key press events for character movement
        document.onkeydown = function(e) {
            e = e || window.event;

if (e.keyCode == '38') { // Up arrow
                marioY -= 10;
            }
            else if (e.keyCode == '40') { // Down arrow
                marioY += 10;
            }
            else if (e.keyCode == '37') { // Left arrow
                marioX -= 10;
            }
            else if (e.keyCode == '39') { // Right arrow
                marioX += 10;
            }

updatePositions();
        };

// Start the game
        updatePositions();
    </script>
</body>
</html>
```

Please make sure to replace `mario.png` and `sonic.png` with the actual paths to the pictogram images you want to use for Mario and Sonic. You can also customize the game board size and character movements as per your requirements.