AI game creator

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

No:10384

←

Prev Next

→

Shooting Game
Developer User4549｜Date and time 23/7/31 1:48:29
Build time 32.317 sec｜Game capacity 4.968KB｜

Script

Sure, I can help you create a simple shooting game using JavaScript. Here's an example implementation as a single HTML file:

This game involves a player controlled by arrow keys (or on a smartphone, the player can tap left or right on the game screen to move). The player shoots bullets by clicking/tapping on the game screen. The objective is to destroy the randomly spawned targets using the bullets. The game ends when all the targets are destroyed, and the score is displayed.

←

Prev　Next

→ 　

Back　

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

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

Sure, I can help you create a simple shooting game using JavaScript. Here's an example implementation as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
    <style>
        #game {
            position: relative;
            width: 300px;
            height: 400px;
            background-color: #f0f0f0;
        }
        #player {
            position: absolute;
            bottom: 10px;
            left: 135px;
            width: 30px;
            height: 30px;
            background-color: blue;
        }
        .bullet {
            position: absolute;
            width: 5px;
            height: 15px;
            background-color: red;
        }
        .target {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: green;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player"></div>
    </div>
    <script>
        // Game variables
        var gameContainer = document.getElementById("game");
        var player = document.getElementById("player");
        var score = 0;

// Player movement
        var leftArrowPressed = false;
        var rightArrowPressed = false;

function movePlayer() {
            if (leftArrowPressed && player.offsetLeft > 0) {
                player.style.left = (player.offsetLeft - 5) + "px";
            }
            if (rightArrowPressed && player.offsetLeft + player.offsetWidth < gameContainer.offsetWidth) {
                player.style.left = (player.offsetLeft + 5) + "px";
            }
        }

// Bullet shooting
        function shootBullet() {
            var bullet = document.createElement("div");
            bullet.className = "bullet";
            bullet.style.left = (player.offsetLeft + player.offsetWidth / 2 - bullet.offsetWidth / 2) + "px";
            bullet.style.top = (player.offsetTop - bullet.offsetHeight) + "px";
            gameContainer.appendChild(bullet);

// Target creation
        function createTarget() {
            var target = document.createElement("div");
            target.className = "target";
            target.style.left = Math.random() * (gameContainer.offsetWidth - 20) + "px";
            target.style.top = -Math.random() * 200 + "px";
            gameContainer.appendChild(target);
        }

// Collision detection
        function isCollision(target, bullet) {
            var targetRect = target.getBoundingClientRect();
            var bulletRect = bullet.getBoundingClientRect();

return !(
                bulletRect.top > targetRect.bottom ||
                bulletRect.bottom < targetRect.top ||
                bulletRect.right < targetRect.left ||
                bulletRect.left > targetRect.right
            );
        }

// Event listeners
        document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowLeft") {
                leftArrowPressed = true;
            }
            if (event.key === "ArrowRight") {
                rightArrowPressed = true;
            }
        });

document.addEventListener("click", shootBullet);

// Start game
        setInterval(createTarget, 1500);
        setInterval(movePlayer, 16);

</script>
</body>
</html>
```