AI game creator

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

No:45554

←

Prev Next

→

Shoot 12 ducks
Developer User19614｜Date and time 24/2/20 20:20:08
Build time 7.022 sec｜Game capacity 2.042KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
    <title>Duck Hunting Game</title>
</head>

<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const duck = {
            x: 100,
            y: 300,
            speedX: 1,
            speedY: 1,
            width: 50,
            height: 50
        };

let shotDucks = 0;

function drawDuck() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(duck.x, duck.y, duck.width, duck.height);
        }

function updateDuckPosition() {
            duck.x += duck.speedX;
            duck.y += duck.speedY;

if (duck.x + duck.width > canvas.width || duck.x < 0) {
                duck.speedX *= -1;
            }
            if (duck.y + duck.height > canvas.height || duck.y < 0) {
                duck.speedY *= -1;
            }
        }

function shootDuck(event) {
            const mouseX = event.clientX - canvas.offsetLeft;
            const mouseY = event.clientY - canvas.offsetTop;

if (mouseX >= duck.x && mouseX <= duck.x + duck.width && mouseY >= duck.y && mouseY <= duck.y + duck.height) {
                shotDucks++;
                resetDuckPosition();
            }
        }

function resetDuckPosition() {
            duck.x = Math.random() * (canvas.width - duck.width);
            duck.y = Math.random() * (canvas.height - duck.height);
        }

function updateScore() {
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText(`Ducks Shot: ${shotDucks}`, 10, 30);
        }

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

drawDuck();
            updateDuckPosition();
            updateScore();

requestAnimationFrame(gameLoop);
        }

canvas.addEventListener('click', shootDuck);

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

</html>