Juego de caza patos cuando apretas un pato te da un punto's game

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

No:48581

117

←

Prev Next

→

Juego de caza patos cuando apretas un pato te da u..ALL
Developer User20803｜Date and time 24/3/2 14:43:24
Build time 6.962 sec｜Game capacity 1.628KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Juego de caza 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;

const patoImg = new Image();
        patoImg.src = "https://www.flaticon.com/svg/static/icons/svg/2402/2402803.svg";

const pato = {
            x: 100,
            y: 100,
            width: 50,
            height: 50
        };

const drawPato = () => {
            ctx.drawImage(patoImg, pato.x, pato.y, pato.width, pato.height);
        };

const checkHit = (event) => {
            const rect = canvas.getBoundingClientRect();
            const mouseX = event.clientX - rect.left;
            const mouseY = event.clientY - rect.top;

if (mouseX >= pato.x && mouseX <= pato.x + pato.width && mouseY >= pato.y && mouseY <= pato.y + pato.height) {
                score++;
                pato.x = Math.floor(Math.random() * (canvas.width - pato.width));
                pato.y = Math.floor(Math.random() * (canvas.height - pato.height));
            }
        };

const gameLoop = () => {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPato();

ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("Puntos: " + score, 10, 30);

canvas.addEventListener("click", checkHit);

requestAnimationFrame(gameLoop);
        };

gameLoop();
    </script>
</body>
</html>
```