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

No:23633

←

Prev Next

→

Simulador de ser rápido
Developer User11063｜Date and time 23/11/2 8:40:35
Build time 56.228 sec｜Game capacity 2.933KB｜

Script

Simulador de ser rápido

Bienvenido al Simulador de ser rápido. ¡Demuestra tu habilidad y velocidad en este emocionante juego!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Simulador de ser rápido</title>
</head>
<body>
    <h1>Simulador de ser rápido</h1>
    <p>Bienvenido al Simulador de ser rápido. ¡Demuestra tu habilidad y velocidad en este emocionante juego!</p>
    
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Obtenemos el elemento canvas del HTML
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");

// Variables para el juego
        var score = 0;
        var time = 10;

// Tamaño y posición del objeto que debemos hacer clic
        var targetSize = 50;
        var targetX = canvas.width / 2 - targetSize / 2;
        var targetY = canvas.height / 2 - targetSize / 2;

// Detectar el clic en el canvas
        canvas.addEventListener('click', function(event) {
            var rect = canvas.getBoundingClientRect();
            var clickX = event.clientX - rect.left;
            var clickY = event.clientY - rect.top;

// Verificamos si el clic ocurrió dentro del objeto objetivo
            if (clickX >= targetX && clickX <= targetX + targetSize &&
                clickY >= targetY && clickY <= targetY + targetSize) {

// Sumamos puntos y actualizamos la posición del objeto
                score += 1;
                targetX = Math.random() * (canvas.width - targetSize);
                targetY = Math.random() * (canvas.height - targetSize);
            }
        });

// Función para dibujar en el canvas
        function draw() {
            // Limpiamos el canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujamos el objeto objetivo
            ctx.fillStyle = "#ff0000";
            ctx.fillRect(targetX, targetY, targetSize, targetSize);

// Dibujamos el puntaje y el tiempo restante
            ctx.font = "20px Arial";
            ctx.fillStyle = "#000000";
            ctx.fillText("Puntaje: " + score, 10, 30);
            ctx.fillText("Tiempo: " + time, canvas.width - 100, 30);
        }

// Función para actualizar el estado del juego
        function update() {
            time -= 1;

if (time <= 0) {
                // El juego ha terminado
                gameOver();
            } else {
                // Llamamos a la función para dibujar en cada actualización
                draw();
            }
        }

// Función que se ejecuta al finalizar el juego
        function gameOver() {
            // Mostramos el puntaje final al usuario
            alert("¡Juego terminado!\n\nTu puntaje final es: " + score);
            
            // Reiniciamos las variables para un nuevo juego
            score = 0;
            time = 10;
        }

// Iniciamos el juego con un intervalo de 1 segundo
        setInterval(update, 1000);
    </script>
</body>
</html>