AI game creator

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

No:37009

109

←

Prev Next

→

Sniper game
Developer User16948｜Date and time 24/1/19 20:55:05
Build time 8.16 sec｜Game capacity 2.088KB｜

Script

Sure, here's an example of a simple sniper game implemented as a single HTML file using JavaScript:

In this game, the player needs to click on a red target that randomly appears within the canvas. Every time the player successfully clicks on the target, they earn a point and a new target is generated at a different position. The score is displayed based on the number of successful hits. You can copy the above code into a new HTML file and open it in a web browser to play the game on a smartphone or any device with a web browser.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Sure, here's an example of a simple sniper game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Sniper Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Draw target
        function drawTarget() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            context.fillStyle = "red";
            context.fillRect(targetX, targetY, 50, 50);
        }

// Handle click events
        function mouseClicked(e) {
            var rect = canvas.getBoundingClientRect();
            var mouseX = e.clientX - rect.left;
            var mouseY = e.clientY - rect.top;

if (mouseX >= targetX && mouseX <= targetX + 50 &&
                mouseY >= targetY && mouseY <= targetY + 50) {
                score++;
                targetX = Math.random() * (canvas.width - 50);
                targetY = Math.random() * (canvas.height - 50);
            }
        }

// Game loop function
        function gameLoop() {
            drawTarget();
            requestAnimationFrame(gameLoop);
        }

// Start the game
        canvas.addEventListener("click", mouseClicked);
        gameLoop();
    </script>
</body>
</html>
```

You can copy the above code into a new HTML file and open it in a web browser to play the game on a smartphone or any device with a web browser.