Sonic The Hedgehog Runs Over The Town's game

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

No:29960

←

Prev Next

→

Sonic The Hedgehog Runs Over The Town
Developer User14673｜Date and time 23/12/20 3:14:57
Build time 11.39 sec｜Game capacity 2.679KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sonic The Hedgehog: Runs Over The Town</title>
</head>

// Definir la posición inicial de Sonic
        var sonicX = 240;
        var sonicY = 160;

// Cargar la imagen del personaje Sonic
        var sonicImg = new Image();
        sonicImg.src = "sonic.png";
        sonicImg.onload = function() {
            // Dibujar la imagen de Sonic en el canvas
            ctx.drawImage(sonicImg, sonicX, sonicY);
        };

// Agregar evento de touch para controlar a Sonic
        canvas.addEventListener("touchstart", handleTouchStart, false);
        canvas.addEventListener("touchmove", handleTouchMove, false);

// Variables para controlar el movimiento de Sonic
        var startX;
        var startY;

// Función para manejar el inicio del toque
        function handleTouchStart(event) {
            startX = event.touches[0].clientX;
            startY = event.touches[0].clientY;
        }

// Función para manejar el desplazamiento durante el toque
        function handleTouchMove(event) {
            event.preventDefault();
            var touchX = event.touches[0].clientX;
            var touchY = event.touches[0].clientY;

// Calcular la distancia recorrida en el eje X y Y
            var dx = touchX - startX;
            var dy = touchY - startY;

// Actualizar la posición de Sonic
            sonicX += dx;
            sonicY += dy;

// Limite para evitar que Sonic se salga del canvas
            if (sonicX < 0) {
                sonicX = 0;
            } else if (sonicX > canvas.width - sonicImg.width) {
                sonicX = canvas.width - sonicImg.width;
            }

if (sonicY < 0) {
                sonicY = 0;
            } else if (sonicY > canvas.height - sonicImg.height) {
                sonicY = canvas.height - sonicImg.height;
            }

// Limpiar el canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar la imagen de Sonic en su nueva posición
            ctx.drawImage(sonicImg, sonicX, sonicY);

// Actualizar las coordenadas iniciales para el siguiente toque
            startX = touchX;
            startY = touchY;
        }
    </script>
</body>
</html>