Haz un juego fangame de henry stickmin que siga al final de toppat civil warfare's game

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

No:15853

←

Prev Next

→

Haz un juego fangame de henry stickmin que siga al..ALL
Developer User6948｜Date and time 23/9/12 23:47:35
Build time 37.765 sec｜Game capacity 3.976KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Henry Stickmin: Toppat Civil Warfare</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Definir las imágenes de los pictogramas
        const henryImage = new Image();
        henryImage.src = "henry.png";
        const toppatImage = new Image();
        toppatImage.src = "toppat.png";

// Definir los objetos del juego
        const henry = {
            x: 100,
            y: canvas.height - 100,
            width: 80,
            height: 120,
            speed: 5,
            image: henryImage
        };

const toppat = {
            x: canvas.width - 200,
            y: canvas.height - 100,
            width: 80,
            height: 120,
            speed: 3,
            image: toppatImage
        };

// Controlar la entrada táctil en dispositivos móviles
        let touchX = null;
        canvas.addEventListener("touchstart", handleTouchStart, false);
        canvas.addEventListener("touchmove", handleTouchMove, false);
        canvas.addEventListener("touchend", handleTouchEnd, false);

function handleTouchStart(event) {
            const touch = event.touches[0];
            touchX = touch.clientX;
        }

function handleTouchEnd() {
            touchX = null;
        }

// Controlar los movimientos de Henry
        document.addEventListener("keydown", handleKeyDown, false);

function handleKeyDown(event) {
            if (event.key === "ArrowLeft") {
                moveHenryLeft();
            } else if (event.key === "ArrowRight") {
                moveHenryRight();
            }
        }

function moveHenryLeft() {
            henry.x -= henry.speed;
            if (henry.x < 0) {
                henry.x = 0;
            }
        }

function moveHenryRight() {
            henry.x += henry.speed;
            if (henry.x + henry.width > canvas.width) {
                henry.x = canvas.width - henry.width;
            }
        }

// Actualizar y renderizar el juego
        function update() {
            // Mover el Toppat hacia Henry
            if (toppat.x > henry.x) {
                toppat.x -= toppat.speed;
            } else if (toppat.x < henry.x) {
                toppat.x += toppat.speed;
            }

// Verificar si Henry y Toppat se han chocado
            if (
                henry.x < toppat.x + toppat.width &&
                henry.x + henry.width > toppat.x &&
                henry.y < toppat.y + toppat.height &&
                henry.y + henry.height > toppat.y
            ) {
                alert("¡Henry Stickmin ha sido capturado por los Toppats!");
                resetGame();
            }

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

// Renderizar a Henry
            context.drawImage(henry.image, henry.x, henry.y, henry.width, henry.height);

// Renderizar a Toppat
            context.drawImage(toppat.image, toppat.x, toppat.y, toppat.width, toppat.height);

requestAnimationFrame(update);
        }

// Reiniciar el juego
        function resetGame() {
            henry.x = 100;
            toppat.x = canvas.width - 200;
        }

// Iniciar el juego
        resetGame();
        update();
    </script>
</body>
</html>