Caza patos con puntos's game

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

No:48580

130

←

Prev Next

→

Caza patos con puntos
Developer User20803｜Date and time 24/3/2 14:42:38
Build time 5.943 sec｜Game capacity 1.516KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Caza de Patos</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let score = 0;
        let patosCazados = 0;
        let patoX = 100;
        let patoY = 100;

canvas.addEventListener('click', cazar);

function cazar(event) {
            const mouseX = event.offsetX;
            const mouseY = event.offsetY;

if (mouseX > patoX && mouseX < patoX + 50 && mouseY > patoY && mouseY < patoY + 50) {
                score += 10;
                patosCazados++;
                reiniciarPato();
            }
        }

function reiniciarPato() {
            patoX = Math.random() * canvas.width;
            patoY = Math.random() * canvas.height;
        }

function dibujar() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = 'blue';
            ctx.beginPath();
            ctx.arc(patoX, patoY, 25, 0, Math.PI * 2);
            ctx.fill();

ctx.font = '20px Arial';
            ctx.fillStyle = 'black';
            ctx.fillText('Score: ' + score, 10, 30);
            ctx.fillText('Patos cazados: ' + patosCazados, 10, 60);
        }

function loop() {
            dibujar();
            requestAnimationFrame(loop);
        }

reiniciarPato();
        loop();
    </script>
</body>
</html>