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

No:38060

←

Prev Next

→

Slime rancher 3
Developer User16276｜Date and time 24/1/22 8:59:03
Build time 10.385 sec｜Game capacity 3.272KB｜

Script

Slime Rancher 3

Este es un ejemplo básico de un juego llamado "Slime Rancher 3" implementado como un archivo HTML único con JavaScript. El juego consiste en atrapar slimes que aparecen de forma aleatoria en la pantalla. Los jugadores pueden hacer clic en los slimes para atraparlos y obtener puntos. El tiempo se cuenta hacia atrás y cuando se acaba el tiempo, el juego termina y se muestra el puntaje final. Los slimes se generan cada 2 segundos y se ubican en posiciones aleatorias dentro del área de juego. El código incluye comentarios detallados en español para explicar cada sección y función del juego. Se utiliza un pictograma de un slime para representar visualmente los slimes en el juego.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Slime Rancher 3 - Juego</title>
</head>
<body>
    <h1>Slime Rancher 3</h1>
    <div id="gameArea">
        
    </div>

// Crear pictogramas para el juego (slimes, íconos, etc.)
        var slimeIcon = document.createElement("img");
        slimeIcon.src = "slime.png";
        slimeIcon.alt = "slime";

// Función para generar y mostrar slimes aleatorios en el juego
        function generarSlime() {
            var slimePosX = Math.floor(Math.random() * (90 - 10 + 1)) + 10; // Posición horizontal aleatoria (10-90)
            var slimePosY = Math.floor(Math.random() * (90 - 10 + 1)) + 10; // Posición vertical aleatoria (10-90)
            var slime = document.createElement("div");
            slime.classList.add("slime");
            slime.style.left = slimePosX + "%";
            slime.style.top = slimePosY + "%";
            slime.appendChild(slimeIcon.cloneNode());
            gameArea.appendChild(slime);

// Añadir evento de clic para atrapar el slime
            slime.addEventListener("click", function() {
                puntaje += 10;
                slime.remove();
            });
        }

// Función para actualizar el tiempo restante y verificar el final del juego
        function actualizarTiempo() {
            tiempoRestante--;
            if (tiempoRestante === 0) {
                clearInterval(intervalo);
                terminarJuego();
                return;
            }
            document.getElementById("tiempo").textContent = tiempoRestante;
        }

// Función para finalizar el juego y mostrar el puntaje final
        function terminarJuego() {
            gameArea.innerHTML = "";
            var resultado = document.createElement("h2");
            resultado.textContent = "¡Juego terminado! Tu puntaje final es: " + puntaje;
            gameArea.appendChild(resultado);
        }

// Iniciar el juego
        generarSlime(); // Generar el primer slime

// Añadir temporizador para generar slimes nuevos cada 2 segundos
        var intervalo = setInterval(generarSlime, 2000);

// Actualizar el tiempo restante cada segundo
        setInterval(actualizarTiempo, 1000);
    </script>
</body>
</html>
```

El código incluye comentarios detallados en español para explicar cada sección y función del juego. Se utiliza un pictograma de un slime para representar visualmente los slimes en el juego.