Sonic game. Gib keine Erklärung.'s game

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

No:28352

←

Prev Next

→

Sonic game. Gib keine Erklärung.
Developer User14077｜Date and time 23/12/12 1:10:59
Build time 13.751 sec｜Game capacity 1.543KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Sonic Game</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="game-canvas" width="480" height="320"></canvas>
    <script>
        // Sonic Game implementation

// Game initialization
        window.onload = function() {
            var canvas = document.getElementById("game-canvas");
            var context = canvas.getContext("2d");

// Sonic's position and velocity
            var sonicX = 50, sonicY = canvas.height / 2;
            var sonicVX = 2, sonicVY = 0;

// Create the game loop
            function gameLoop() {
                // Clear the canvas
                context.clearRect(0, 0, canvas.width, canvas.height);

// Update Sonic's position
                sonicX += sonicVX;
                sonicY += sonicVY;

// Draw Sonic
                context.beginPath();
                context.arc(sonicX, sonicY, 15, 0, 2 * Math.PI);
                context.fillStyle = "blue";
                context.fill();
                context.closePath();

// Move Sonic
                if (sonicX >= canvas.width || sonicX <= 0) {
                    sonicVX *= -1; // Reverse Sonic's X velocity to change direction
                }

// Repeat the game loop
                requestAnimationFrame(gameLoop);
            }

// Start the game loop
            gameLoop();
        };
    </script>
</body>
</html>