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

No:8780

105

←

Prev Next

→

Pour the entire package of coffee powder into the ..ALL
Developer User3887｜Date and time 23/7/18 7:49:21
Build time 39.05 sec｜Game capacity 5.842KB｜

Script

Aquí tienes un juego en el que debes preparar café. Utilizaré pictogramas para que sea más visual:

Juego de hacer café

Instrucciones:

Haz clic en el paquete de café y arrástralo hasta el filtro de tela. Luego, haz clic en el botón "Hacer café" para prepararlo.

Este juego simula el proceso de hacer café donde los jugadores deben arrastrar un paquete de café hasta el filtro y luego hacer clic en un botón para prepararlo. Utilizando JavaScript, se realizan todas las interacciones del juego. Espero que te diviertas jugando. ¡Buena suerte!

←

Prev　Next

→ 　

Back　

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

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

Aquí tienes un juego en el que debes preparar café. Utilizaré pictogramas para que sea más visual:

```
<!DOCTYPE html>
<html>
<head>
    <title>Juego de hacer café</title>
</head>
<body>
    <h1>Juego de hacer café</h1>
    <div id="instructions">
        <h2>Instrucciones:</h2>
        <img src="cafetera.png" alt="cafetera" width="100">
        <p>Haz clic en el paquete de café y arrástralo hasta el filtro de tela. Luego, haz clic en el botón "Hacer café" para prepararlo.</p>
    </div>

<img id="coffeePack" src="paquete-cafe.png" alt="paquete de café" width="100" style="position: absolute; left: 100px; top: 200px;">
    <img id="coffeeFilter" src="filtro-cafe.png" alt="filtro de café" width="150" style="position: absolute; left: 350px; top: 200px;">
    <button id="brewButton" style="position: absolute; left: 500px; top: 400px;">Hacer café</button>

// Obtener referencias a los elementos del juego
        var coffeePack = document.getElementById("coffeePack");
        var coffeeFilter = document.getElementById("coffeeFilter");
        var brewButton = document.getElementById("brewButton");
        var instructions = document.getElementById("instructions");

// Función para arrastrar el paquete de café al filtro
        coffeePack.addEventListener("mousedown", function(event) {
            event.preventDefault(); // Evita el comportamiento por defecto para hacer clic y arrastrar

// Guarda la posición inicial del mouse
            var initialX = event.clientX;
            var initialY = event.clientY;

// Actualiza la posición del paquete de café mientras se arrastra
            function moveCoffeePack(event) {
                // Calcula la distancia recorrida por el mouse
                var moveX = event.clientX - initialX;
                var moveY = event.clientY - initialY;

// Actualiza la posición del paquete de café
                coffeePack.style.left = initialX + moveX + "px";
                coffeePack.style.top = initialY + moveY + "px";
            }

// Función para soltar el paquete de café en el filtro
            function dropCoffeePack(event) {
                document.removeEventListener("mousemove", moveCoffeePack); // Detiene el movimiento del paquete de café
                document.removeEventListener("mouseup", dropCoffeePack); // Detiene el seguimiento del evento "mouseup"

// Verifica si el paquete de café está sobre el filtro
                if (isCoffeePackInFilter()) {
                    coffeePack.style.visibility = "hidden"; // Oculta el paquete de café
                    coffeePackInFilter = true; // Actualiza el estado del juego

// Muestra el mensaje para hacer café
                    instructions.innerHTML = "<h2>Instrucciones:</h2><img src='cafetera.png' alt='cafetera' width='100'><p>¡Listo! Ahora haz clic en el botón 'Hacer café' para prepararlo.</p>";
                } else {
                    // Devuelve el paquete de café a su posición inicial
                    coffeePack.style.left = "100px";
                    coffeePack.style.top = "200px";
                }
            }

// Comienza a seguir el movimiento del paquete de café
            document.addEventListener("mousemove", moveCoffeePack);
            document.addEventListener("mouseup", dropCoffeePack);
        });

// Función para verificar si el paquete de café está sobre el filtro
        function isCoffeePackInFilter() {
            var coffeePackRect = coffeePack.getBoundingClientRect();
            var coffeeFilterRect = coffeeFilter.getBoundingClientRect();

return (
                coffeePackRect.left >= coffeeFilterRect.left &&
                coffeePackRect.right <= coffeeFilterRect.right &&
                coffeePackRect.top >= coffeeFilterRect.top &&
                coffeePackRect.bottom <= coffeeFilterRect.bottom
            );
        }

// Función para hacer el café cuando se hace clic en el botón
        brewButton.addEventListener("click", function() {
            // Verifica si el paquete de café está en el filtro
            if (coffeePackInFilter) {
                // Verifica si el café ya ha sido preparado
                if (!coffeeBrewed) {
                    // Realiza la acción de preparar café
                    coffeeBrewed = true; // Actualiza el estado del juego

// Muestra el mensaje de éxito
                    instructions.innerHTML = "<h2>Instrucciones:</h2><img src='cafetera.png' alt='cafetera' width='100'><p>¡Felicidades! Has preparado un delicioso café.</p>";
                } else {
                    // El café ya ha sido preparado, muestra el mensaje de que ya está listo
                    instructions.innerHTML = "<h2>Instrucciones:</h2><img src='cafetera.png' alt='cafetera' width='100'><p>El café ya ha sido preparado, ¡disfrútalo!</p>";
                }
            } else {
                // El paquete de café no está en el filtro, muestra un mensaje de error
                instructions.innerHTML = "<h2>Instrucciones:</h2><img src='cafetera.png' alt='cafetera' width='100'><p>Primero debes poner el paquete de café en el filtro antes de hacer clic en el botón 'Hacer café'.</p>";
            }
        });
    </script>
</body>
</html>
```