Sniping Game I bet you cant do this ẃ (Without emojis!)'s game

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

No:51168

101

←

Prev Next

→

Sniping Game I bet you cant do this ẃ (Without emo..ALL
Developer User21351｜Date and time 24/3/11 3:33:03
Build time 5.762 sec｜Game capacity 1.674KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Sniping Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let targetX = Math.floor(Math.random() * (canvas.width - 50));
        let targetY = Math.floor(Math.random() * (canvas.height - 50));
        let score = 0;

function drawTarget() {
            ctx.fillStyle = 'red';
            ctx.fillRect(targetX, targetY, 50, 50);
        }

function drawScore() {
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText('Score: ' + score, 10, 30);
        }

function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawTarget();
            drawScore();
        }

function handleMouseClick(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) {
                score++;
                targetX = Math.floor(Math.random() * (canvas.width - 50));
                targetY = Math.floor(Math.random() * (canvas.height - 50));
            }
        }

canvas.addEventListener('click', handleMouseClick);

function gameLoop() {
            updateGame();
            requestAnimationFrame(gameLoop);
        }

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