A first person shooting game called Kickogunz's game

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

No:26872

←

Prev Next

→

A first person shooting game called Kickogunz
Developer User13299｜Date and time 23/12/2 23:30:52
Build time 70.966 sec｜Game capacity 4.258KB｜

Script

Sure! Here's an example of a simple first person shooting game called Kickogunz implemented as a single HTML file using JavaScript. Please note that due to the limitations of a text-based conversation, the game logic will be simplified, and the graphics will be represented as text characters.

👨

🎯

To play the game, open a new HTML file in your browser and paste the above code into the file. Save it with a .html extension and open it again in your browser. You'll see a game window containing a player character, a target, and a "Shoot" button. Click the "Shoot" button to launch a bullet towards the target. If the bullet hits the target, an alert will be displayed saying "You win!" The target will also move randomly every 1.5 seconds. Please note that this is a very rudimentary representation of a first-person shooting game and is meant for demonstration purposes only. It can be extended and enhanced significantly to provide a more engaging gaming experience.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>

<head>
    <title>Kickogunz - First Person Shooting Game</title>
    <style>
        body {
            font-family: monospace;
        }

#game-container {
            width: 400px;
            height: 300px;
            border: 1px solid #000;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            text-align: center;
        }

#player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

#bullet {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: red;
        }

#target {
            position: absolute;
            top: 30%;
            left: 70%;
        }
    </style>
</head>

<body>
    <div id="game-container">
        <div id="player">👨</div>
        <div id="bullet"></div>
        <div id="target">🎯</div>
        <button onclick="shoot()">Shoot</button>
    </div>

// Game elements
        var player = document.getElementById("player");
        var bullet = document.getElementById("bullet");
        var target = document.getElementById("target");

// Initialize player position
        var playerX = 200;
        var playerY = 150;
        player.style.left = playerX + "px";
        player.style.top = playerY + "px";

// Shoot function
        function shoot() {
            if (bulletInterval) return; // Only allow one bullet at a time

var bulletX = playerX;
            var bulletY = playerY;
            bullet.style.left = bulletX + "px";
            bullet.style.top = bulletY + "px";

bulletInterval = setInterval(function () {
                bulletY -= bulletSpeed;
                bullet.style.top = bulletY + "px";

// Check collision with target
                if (
                    bulletX < target.offsetLeft + target.offsetWidth &&
                    bulletX + bullet.offsetWidth > target.offsetLeft &&
                    bulletY < target.offsetTop + target.offsetHeight &&
                    bulletY + bullet.offsetHeight > target.offsetTop
                ) {
                    clearInterval(bulletInterval);
                    clearInterval(targetInterval);
                    alert("You win!");
                    bulletInterval = null;
                    targetInterval = null;
                    return;
                }
                
                // Check if bullet is out of bounds
                if (bulletY < 0) {
                    clearInterval(bulletInterval);
                    bullet.style.top = "-10px";
                    bulletInterval = null;
                }
            }, 10);
        }

// Move target randomly
        targetInterval = setInterval(function () {
            var newX = Math.floor(Math.random() * 350) + 25;
            var newY = Math.floor(Math.random() * 250) + 25;
            target.style.left = newX + "px";
            target.style.top = newY + "px";
        }, 1500);
    </script>
</body>

</html>
```

Please note that this is a very rudimentary representation of a first-person shooting game and is meant for demonstration purposes only. It can be extended and enhanced significantly to provide a more engaging gaming experience.