You are a pistol and you have to shoot at the target's game

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

No:50720

179

←

Prev Next

→

You are a pistol and you have to shoot at the targ..ALL
Developer User21391｜Date and time 24/3/9 12:56:57
Build time 5.357 sec｜Game capacity 1.621KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Target Shooting Game</title>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

let pistol = {
            x: 50,
            y: 250,
            width: 50,
            height: 20,
            color: "black"
        };

let target = {
            x: 400,
            y: 200,
            radius: 20,
            color: "red"
        };

function drawPistol() {
            ctx.fillStyle = pistol.color;
            ctx.fillRect(pistol.x, pistol.y, pistol.width, pistol.height);
        }

function drawTarget() {
            ctx.beginPath();
            ctx.arc(target.x, target.y, target.radius, 0, Math.PI * 2);
            ctx.fillStyle = target.color;
            ctx.fill();
        }

function update() {
            drawPistol();
            drawTarget();
        }

canvas.addEventListener("click", function(event) {
            let mouseX = event.clientX - canvas.getBoundingClientRect().left;
            let mouseY = event.clientY - canvas.getBoundingClientRect().top;
            if (mouseX >= target.x - target.radius && mouseX <= target.x + target.radius &&
                mouseY >= target.y - target.radius && mouseY <= target.y + target.radius) {
                alert("Target hit! You win!");
            } else {
                alert("Missed! Try again.");
            }
        });

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