AI game creator

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

No:25922

←

Prev Next

→

Sonic the hedgehog
Developer User12653｜Date and time 23/11/25 9:22:16
Build time 72.255 sec｜Game capacity 3.439KB｜

Script

Sure! Here's a simple game implementation of Sonic the Hedgehog using JavaScript, HTML, and pictograms:

To run this game, save the code in a file with a `.html` extension (e.g., `sonic_game.html`). Make sure to also have a `emozi_all/game.png` image file in the same directory as the HTML file. Then, you can open the HTML file in a web browser and play the Sonic the Hedgehog game using the keyboard arrow keys to control Sonic. The game will be displayed in a canvas element, and the Sonic character will move accordingly based on the pressed keys.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game implementation of Sonic the Hedgehog using JavaScript, HTML, and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Sonic the Hedgehog Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    
    <script>
        // Game variables
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");
        const sonicImg = document.createElement("img");
        sonicImg.src = "sonic.png";
        const sonicWidth = 64;
        const sonicHeight = 64;
        let sonicX = canvas.width / 2 - sonicWidth / 2;
        let sonicY = canvas.height / 2 - sonicHeight / 2;
        
        // Handle keyboard input
        document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keyup", handleKeyUp);
        
        // Key state variables
        let leftPressed = false;
        let rightPressed = false;
        let upPressed = false;
        let downPressed = false;
        
        // Update game state
        function update() {
            if (leftPressed) {
                sonicX -= 5;
            }
            if (rightPressed) {
                sonicX += 5;
            }
            if (upPressed) {
                sonicY -= 5;
            }
            if (downPressed) {
                sonicY += 5;
            }
            
            draw();
        }
        
        // Draw game objects on the canvas
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            context.drawImage(sonicImg, sonicX, sonicY, sonicWidth, sonicHeight);
        }
        
        // Handle key down events
        function handleKeyDown(event) {
            if (event.key === "ArrowLeft") {
                leftPressed = true;
            }
            if (event.key === "ArrowRight") {
                rightPressed = true;
            }
            if (event.key === "ArrowUp") {
                upPressed = true;
            }
            if (event.key === "ArrowDown") {
                downPressed = true;
            }
        }
        
        // Handle key up events
        function handleKeyUp(event) {
            if (event.key === "ArrowLeft") {
                leftPressed = false;
            }
            if (event.key === "ArrowRight") {
                rightPressed = false;
            }
            if (event.key === "ArrowUp") {
                upPressed = false;
            }
            if (event.key === "ArrowDown") {
                downPressed = false;
            }
        }
        
        // Game loop
        function gameLoop() {
            update();
            requestAnimationFrame(gameLoop);
        }
        
        // Start the game
        sonicImg.onload = function() {
            gameLoop();
        };
    </script>
</body>
</html>
```

To run this game, save the code in a file with a `.html` extension (e.g., `sonic_game.html`). Make sure to also have a `sonic.png` image file in the same directory as the HTML file. Then, you can open the HTML file in a web browser and play the Sonic the Hedgehog game using the keyboard arrow keys to control Sonic. The game will be displayed in a canvas element, and the Sonic character will move accordingly based on the pressed keys.