Un juego de lucha de elfos's game

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

No:39354

←

Prev Next

→

Un juego de lucha de elfos
Developer User17623｜Date and time 24/1/28 4:16:55
Build time 8.358 sec｜Game capacity 1.97KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Juego de Lucha de Elfos</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

// Definir las imágenes de los elfos
        var elfo1Img = new Image();
        elfo1Img.src = "elfo1.png";
        var elfo2Img = new Image();
        elfo2Img.src = "elfo2.png";

// Definir los objetos elfo
        var elfo1 = {
            x: 50,
            y: 100,
            width: 50,
            height: 50
        };

var elfo2 = {
            x: 300,
            y: 100,
            width: 50,
            height: 50
        };

// Función para dibujar los elfos en el lienzo
        function drawElfos() {
            ctx.drawImage(elfo1Img, elfo1.x, elfo1.y, elfo1.width, elfo1.height);
            ctx.drawImage(elfo2Img, elfo2.x, elfo2.y, elfo2.width, elfo2.height);
        }

// Función para actualizar el juego
        function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawElfos();
        }

// Función para manejar los toques en la pantalla en dispositivos móviles
        function handleTouch(event) {
            var touchX = event.touches[0].clientX;
            var touchY = event.touches[0].clientY;

if (touchX < canvas.width / 2) {
                // Mover elfo1 hacia arriba
                elfo1.y -= 10;
            } else {
                // Mover elfo2 hacia arriba
                elfo2.y -= 10;
            }
        }

// Agregar el evento touchstart al lienzo
        canvas.addEventListener("touchstart", handleTouch);

// Iniciar el bucle del juego
        setInterval(updateGame, 20);
    </script>
</body>
</html>