AI game creator

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

No:13471

131

←

Prev Next

→

Sonic
Developer User5886｜Date and time 23/8/28 7:05:21
Build time 10.208 sec｜Game capacity 2.838KB｜

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;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // Sonic character image
        const sonic = new Image();
        sonic.src = 'sonic.png';

// Game variables
        let canvas;
        let canvasContext;
        let sonicX = 50;
        let sonicY = 200;
        let sonicSpeedX = 5;
        let sonicSpeedY = 5;

// Function to update game elements
        function update() {
            // Move Sonic
            sonicX += sonicSpeedX;
            sonicY += sonicSpeedY;

// Reverse direction if Sonic reaches the canvas boundaries
            if (sonicX < 0 || sonicX + sonic.width >= canvas.width) {
                sonicSpeedX *= -1;
            }

if (sonicY < 0 || sonicY + sonic.height >= canvas.height) {
                sonicSpeedY *= -1;
            }

// Redraw canvas and Sonic
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);
            canvasContext.drawImage(sonic, sonicX, sonicY);

// Recursive call to keep updating the game
            requestAnimationFrame(update);
        }

// Function to handle key press events
        function keyDown(event) {
            // Move Sonic based on arrow keys
            if (event.key === "ArrowLeft") {
                sonicSpeedX = -5;
            } else if (event.key === "ArrowRight") {
                sonicSpeedX = 5;
            } else if (event.key === "ArrowUp") {
                sonicSpeedY = -5;
            } else if (event.key === "ArrowDown") {
                sonicSpeedY = 5;
            }
        }

// Function to handle key release events
        function keyUp(event) {
            // Stop Sonic's movement when arrow key is released
            if (
                event.key === "ArrowLeft" ||
                event.key === "ArrowRight" ||
                event.key === "ArrowUp" ||
                event.key === "ArrowDown"
            ) {
                sonicSpeedX = 0;
                sonicSpeedY = 0;
            }
        }

// Initialize the game
        function initialize() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            
            // Add event listeners for key press/release events
            window.addEventListener('keydown', keyDown);
            window.addEventListener('keyup', keyUp);

// Start game loop
            update();
        }

// Call initialize function when the window finishes loading
        window.onload = initialize;
    </script>
</body>
</html>