AI game creator

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

No:21128

←

Prev Next

→

Sonic the hedgehog
Developer User9301｜Date and time 23/10/13 15:29:15
Build time 98.382 sec｜Game capacity 2.883KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>Sonic the Hedgehog Game</title>
</head>

var sonicX = 50; // Sonic's starting position
        var sonicY = 50;
        var sonicSpeedX = 5; // Sonic's movement speed
        var sonicSpeedY = 5;

// Load game assets (pictograms)
        var sonicImage = new Image();
        sonicImage.src = "sonic.png";

// Execute the game after the page loads
        window.onload = function () {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');

// Set up event listeners for touch controls
            canvas.addEventListener('touchstart', handleTouchStart, false);
            canvas.addEventListener('touchend', handleTouchEnd, false);

// Start the game loop
            setInterval(updateGame, 30);
        };

// Game update function
        function updateGame() {
            moveSonic();
            drawGame();
        }

// Move Sonic based on touch controls
        function handleTouchStart(event) {
            var touch = event.touches[0];
            var touchX = touch.clientX;
            var touchY = touch.clientY;

// Check touch position and move Sonic accordingly
            if (touchX < canvas.width / 2) {
                sonicSpeedX = -5; // Move Sonic to the left
            } else {
                sonicSpeedX = 5; // Move Sonic to the right
            }

if (touchY < canvas.height / 2) {
                sonicSpeedY = -5; // Move Sonic up
            } else {
                sonicSpeedY = 5; // Move Sonic down
            }
        }

// Stop Sonic's movement when touch ends
        function handleTouchEnd() {
            sonicSpeedX = 0;
            sonicSpeedY = 0;
        }

// Update Sonic's position
        function moveSonic() {
            sonicX += sonicSpeedX;
            sonicY += sonicSpeedY;

// Keep Sonic inside the canvas
            if (sonicX < 0) {
                sonicX = 0;
            }
            if (sonicX > canvas.width - sonicImage.width) {
                sonicX = canvas.width - sonicImage.width;
            }
            if (sonicY < 0) {
                sonicY = 0;
            }
            if (sonicY > canvas.height - sonicImage.height) {
                sonicY = canvas.height - sonicImage.height;
            }
        }

// Draw the game on the canvas
        function drawGame() {
            // Clear the canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw Sonic
            canvasContext.drawImage(sonicImage, sonicX, sonicY);
        }
    </script>
</body>

</html>