Un juego que se maneja solo, tiene un fondo de una ciudad y un robot que juega automáticamente que le dispara a unos patos's game

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

No:36348

←

Prev Next

→

Un juego que se maneja solo, tiene un fondo de una..ALL
Developer User16793｜Date and time 24/1/17 14:47:35
Build time 10.349 sec｜Game capacity 2.42KB｜

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 patos</title>
    <style>
        canvas {
            background-image: url('city_background.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="500"></canvas>
    <script>
        // Obtener el canvas y su contexto
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Variables del juego
        var robotX = 400;
        var robotY = 450;
        var duckX = 0;
        var duckY = 100;
        var duckSpeed = 3;
        var shot = false;
        var score = 0;

// Función para dibujar el juego en el canvas
        function drawGame() {
            // Limpiar el canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar el robot
            context.fillStyle = "blue";
            context.fillRect(robotX, robotY, 50, 50);

// Dibujar el pato
            context.fillStyle = "yellow";
            context.fillRect(duckX, duckY, 30, 30);

// Mostrar la puntuación
            context.fillStyle = "white";
            context.font = "20px Arial";
            context.fillText("Puntuación: " + score, 10, 30);
        }

// Función para actualizar la posición del pato
        function updateDuckPosition() {
            duckX += duckSpeed;

// Si el pato alcanza el borde derecho, reiniciar su posición
            if (duckX > canvas.width) {
                duckX = -30;
            }
        }

// Función para verificar si se ha acertado al pato
        function checkShot() {
            if (shot && robotX < duckX + 30 && robotX + 50 > duckX && robotY < duckY + 30 && robotY + 50 > duckY) {
                score++;
                duckX = -30;
            }
            shot = false; // Reiniciar la variable shot
        }

// Función principal del juego
        function gameLoop() {
            drawGame();
            updateDuckPosition();
            checkShot();

// Ejecutar el bucle de juego cada 10 milisegundos
            setTimeout(gameLoop, 10);
        }

// Manejador de eventos para el disparo
        document.addEventListener("click", function() {
            shot = true;
        });

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