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

No:18033

←

Prev Next

→

Sonic the hedgehog 4
Developer User7915｜Date and time 23/9/26 8:53:17
Build time 21.309 sec｜Game capacity 2.442KB｜

Script

Sonic the Hedgehog 4

In this game, you'll see an image of Sonic the Hedgehog at the center of the screen. There are two buttons, a left button (←) and a right button (→), to control Sonic's movements. By clicking on the left button, Sonic moves 10 pixels towards the left, and by clicking on the right button, Sonic moves 10 pixels towards the right. The game is written in a single HTML file and enclosed in script tags. It uses JavaScript to handle the button click events and update Sonic's position on the screen. The game is optimized for smartphone operation, and if possible, you can use pictograms (images) instead of text for the buttons. Please note that you need to provide an image of Sonic named "emozi_himawari.png" in the same directory as the HTML file for the game to display properly.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Sonic the Hedgehog 4</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #game-container {
            margin-top: 100px;
        }
        .button {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
            border-radius: 8px;
        }
    </style>
</head>
<body>
    <h1>Sonic the Hedgehog 4</h1>
    <div id="game-container">
        <img id="sonic" src="sonic.png" alt="Sonic" width="100">
        <div>
            <button class="button" id="left-button">←</button>
            <button class="button" id="right-button">→</button>
        </div>
    </div>

var sonicPosition = 0;

function moveLeft() {
            if (sonicPosition > 0) {
                sonicPosition -= 10;
                document.getElementById("sonic").style.marginLeft = sonicPosition + "px";
            }
        }

function moveRight() {
            if (sonicPosition < (window.innerWidth - 100)) {
                sonicPosition += 10;
                document.getElementById("sonic").style.marginLeft = sonicPosition + "px";
            }
        }
    </script>
</body>
</html>
```

The game is written in a single HTML file and enclosed in script tags. It uses JavaScript to handle the button click events and update Sonic's position on the screen. The game is optimized for smartphone operation, and if possible, you can use pictograms (images) instead of text for the buttons.

Please note that you need to provide an image of Sonic named "sonic.png" in the same directory as the HTML file for the game to display properly.