AI game creator

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

No:45552

←

Prev Next

→

Shoot 25 ducks
Developer User19614｜Date and time 24/2/20 20:18:56
Build time 6.054 sec｜Game capacity 1.669KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Duck Hunt Game</title>
    <style>
        body {
            text-align: center;
        }
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let duckCount = 0;
        
        canvas.addEventListener('click', shootDuck);

function shootDuck(event) {
            const rect = canvas.getBoundingClientRect();
            const x = event.clientX - rect.left;
            const y = event.clientY - rect.top;

if ((x >= 350 && x <= 450) && (y >= 300 && y <= 400)) {
                duckCount++;
                if (duckCount === 25) {
                    alert('Congratulations! You shot 25 ducks!');
                    duckCount = 0;
                }
            }
        }

function drawDuck(x, y) {
            ctx.fillStyle = 'yellow';
            ctx.fillRect(x, y, 100, 100);
            ctx.fillStyle = 'black';
            ctx.fillText('🦆', x + 40, y + 60);
        }

function drawGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = 'green';
            ctx.fillRect(0, 300, canvas.width, 300);

for (let i = 0; i < 25; i++) {
                let x = Math.random() * (canvas.width - 100);
                let y = Math.random() * 200;
                drawDuck(x, y);
            }

requestAnimationFrame(drawGame);
        }

drawGame();
    </script>
</body>
</html>