Un juego donde apareceran 17 monos cada uno con unas letras diferentes,puede ser A o B,y tienes que llevarlos a 2 puertas que digan A o B,la A estará en la derecha,la B estará en la izquierda si llevamos todos en orden correcto ganaremos,en cambio si nos equivocamos en 1 perderemos.'s game

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

No:40274

←

Prev Next

→

Un juego donde apareceran 17 monos cada uno con un..ALL
Developer User18058｜Date and time 24/2/2 7:38:35
Build time 12.445 sec｜Game capacity 3.835KB｜

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 los monos</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Clase del mono
            class Monkey {
                constructor(x, y, letter) {
                    this.x = x;
                    this.y = y;
                    this.letter = letter;
                }
            }

// Función para dibujar en canvas
            function draw() {
                context.clearRect(0, 0, canvas.width, canvas.height);
                
                // Dibujar los monos
                monkeys.forEach(function(monkey) {
                    context.font = "24px Arial";
                    context.fillText(monkey.letter, monkey.x, monkey.y);
                });

// Dibujar las puertas
                context.font = "36px Arial";
                context.fillText("A", canvas.width - 100, canvas.height / 2);
                context.fillText("B", 20, canvas.height / 2);
            }

// Función para verificar el orden de los monos
            function checkOrder() {
                var order = "";
                monkeys.forEach(function(monkey) {
                    order += monkey.letter;
                });

return order;
            }

// Función para manejar los eventos de clics en el canvas
            function canvasClickHandler(event) {
                var rect = canvas.getBoundingClientRect();
                var clickX = event.clientX - rect.left;
                var clickY = event.clientY - rect.top;

// Verificar si se hizo clic en un mono
                monkeys.forEach(function(monkey) {
                    if (clickX > monkey.x && clickX < monkey.x + 24 && clickY > monkey.y && clickY < monkey.y + 24) {
                        // Mover el mono a la puerta correspondiente
                        if (monkey.letter === "A") {
                            monkey.x = canvas.width - 100;
                            monkey.y = canvas.height / 2 - 12;
                        } else if (monkey.letter === "B") {
                            monkey.x = 20;
                            monkey.y = canvas.height / 2 - 12;
                        }
                    }
                });

// Verificar el orden de los monos
                if (checkOrder() !== "AAAAAAAAAAAAAAAABBBBBBBBBBBBBBBB") {
                    correctOrder = false;
                }
            }

// Agregar los 17 monos con letras aleatorias
            for (var i = 0; i < 17; i++) {
                var letter = Math.random() < 0.5 ? "A" : "B";
                var x = Math.floor(Math.random() * (canvas.width - 24));
                var y = Math.floor(Math.random() * (canvas.height - 24));

monkeys.push(new Monkey(x, y, letter));
            }

// Agregar evento de clic en el canvas
            canvas.addEventListener("click", canvasClickHandler);

// Bucle de juego principal
            function gameLoop() {
                draw();

if (correctOrder) {
                    // Ganar
                    alert("¡Ganaste!");
                } else {
                    // Perder
                    alert("Perdiste :(");
                }
            }

// Iniciar el bucle de juego
            gameLoop();
        };
    </script>
</body>
</html>