0>#1 arcade hits: hit the target's game

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

No:45289

←

Prev Next

→

0>#1 arcade hits: hit the target
Developer WinnerWiener1332｜Date and time 24/2/20 10:44:21
Build time 6.045 sec｜Game capacity 1.68KB｜

Script

This game has a target that appears on the canvas, and the player has to click on it to hit the target. If the player successfully hits the target, an alert message will be shown, and a new target will appear at a random location on the canvas. The game continues in this manner until the player decides to stop playing.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>#1 Arcade Hits: Hit the Target!</title>
</head>
<body>
    <div id="gameArea">
        <canvas id="gameCanvas" width="400" height="400"></canvas>
    </div>

let targetX = Math.random() * (canvas.width - 50);
        let targetY = Math.random() * (canvas.height - 50);

canvas.addEventListener("click", function(event) {
            const rect = canvas.getBoundingClientRect();
            const mouseX = event.clientX - rect.left;
            const mouseY = event.clientY - rect.top;

if (mouseX >= targetX && mouseX <= targetX + 50 && 
                mouseY >= targetY && mouseY <= targetY + 50) {
                alert("You hit the target! Well done!");
                targetX = Math.random() * (canvas.width - 50);
                targetY = Math.random() * (canvas.height - 50);
            }
        });

function drawTarget() {
            ctx.fillStyle = "#FF0000";
            ctx.fillRect(targetX, targetY, 50, 50);
        }

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawTarget();
            requestAnimationFrame(draw);
        }

draw();
    </script>
</body>
</html>
```
This game has a target that appears on the canvas, and the player has to click on it to hit the target. If the player successfully hits the target, an alert message will be shown, and a new target will appear at a random location on the canvas. The game continues in this manner until the player decides to stop playing.