A frist person shooter where when you miss you get shooted's game

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

No:31123

115

←

Prev Next

→

A frist person shooter where when you miss you get..ALL
Developer User15014｜Date and time 23/12/25 2:19:20
Build time 23.877 sec｜Game capacity 3.54KB｜

Script

Here's an example of a simple first-person shooter game implemented as a single HTML file using JavaScript. In this game, if you miss your target, you'll be "shot" and the game will end.

To play the game, open the HTML file in a web browser, either on a smartphone or a computer. Use the arrow keys (left, up, right, down) to move the player (represented by a blue rectangle) and try to reach the target (represented by a red rectangle) without missing it. If you miss the target, the game will end and display a "Game Over" message on the screen.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Here's an example of a simple first-person shooter game implemented as a single HTML file using JavaScript. In this game, if you miss your target, you'll be "shot" and the game will end.

```html
<!DOCTYPE html>
<html>
<head>
    <title>First Person Shooter</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 20px auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// Initialize game
        function init() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");
            playerX = canvas.width / 2;
            playerY = canvas.height / 2;
            targetX = Math.random() * (canvas.width - 50);
            targetY = Math.random() * (canvas.height - 50);
            isGameOver = false;

document.addEventListener("keydown", handleKeyPress);

gameInterval = setInterval(updateGame, 16.67); // 60 FPS
        }

// Draw game objects
        function draw() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            context.fillStyle = "blue";
            context.fillRect(playerX, playerY, 20, 20);

// Draw target
            context.fillStyle = "red";
            context.fillRect(targetX, targetY, 50, 50);
        }

// Update game logic
        function updateGame() {
            if (isGameOver) {
                gameOver();
                return;
            }

// Check if player hit the target
            if (playerX + 20 >= targetX && playerX <= targetX + 50 && playerY + 20 >= targetY && playerY <= targetY + 50) {
                gameOver();
                return;
            }

draw();
        }

// Handle key press for player movement
        function handleKeyPress(event) {
            // Move player based on key codes
            switch (event.keyCode) {
                case 37: // Left arrow
                    playerX -= 5;
                    break;
                case 38: // Up arrow
                    playerY -= 5;
                    break;
                case 39: // Right arrow
                    playerX += 5;
                    break;
                case 40: // Down arrow
                    playerY += 5;
                    break;
            }
        }

// Game over logic
        function gameOver() {
            clearInterval(gameInterval);
            isGameOver = true;
            context.clearRect(0, 0, canvas.width, canvas.height);

// Show game over message
            context.font = "40px Arial";
            context.fillStyle = "black";
            context.textAlign = "center";
            context.fillText("Game Over! You missed!", canvas.width / 2, canvas.height / 2);
        }

// Start the game
        init();
    </script>
</body>
</html>
```