AI game creator

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

No:42972

100

←

Prev Next

→

Shooting Game
Developer User19028｜Date and time 24/2/13 15:52:54
Build time 15.48 sec｜Game capacity 4.207KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file with JavaScript:

This game involves a player controlled by arrow keys and shooting enemies with spacebar. The player can move horizontally across the screen and shoot bullets. Enemies spawn randomly from the top and move downwards. When the bullets collide with enemy objects, they are removed from the game.

←

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 shooting game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Shooting Game</title>
    <style>
        html, body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: black;
        }
        
        #player {
            position: absolute;
            width: 40px;
            height: 40px;
            background-color: white;
            border-radius: 50%;
            bottom: 20px;
            left: calc(50% - 20px);
            transition: left 0.2s ease-in-out;
        }
        
        .bullet {
            position: absolute;
            width: 10px;
            height: 30px;
            background-color: red;
            bottom: 70px;
            left: 0;
        }
        
        .enemy {
            position: absolute;
            width: 40px;
            height: 40px;
            background-color: blue;
            border-radius: 50%;
            bottom: calc(100% + 40px);
        }
    </style>
</head>
<body>
    <div id="player"></div>
</body>
<script>
    // Game Variables
    var enemies = [];
    var bullets = [];

// Player Position
    var playerX = window.innerWidth / 2 - 20;
    var playerSpeed = 10;

// Create Player Element
    var player = document.getElementById("player");

// Player Movement
    window.addEventListener("keydown", function(e) {
        if (e.key === "ArrowLeft" && playerX > 0) {
            playerX -= playerSpeed;
        }
        if (e.key === "ArrowRight" && playerX < window.innerWidth - 40) {
            playerX += playerSpeed;
        }
        player.style.left = playerX + "px";
    });

// Bullet Shooting
    window.addEventListener("keydown", function(e) {
        if (e.code === "Space") {
            var bullet = document.createElement("div");
            bullet.className = "bullet";
            bullet.style.left = (playerX + 15) + "px";
            document.body.appendChild(bullet);
            bullets.push(bullet);
        }
    });

// Game Loop
    setInterval(function() {
        // Move Bullets
        bullets.forEach(function(bullet) {
            bullet.style.bottom = parseInt(bullet.style.bottom) + 10 + "px";
        });

// Remove Bullets that are off-screen
        bullets = bullets.filter(function(bullet) {
            return parseInt(bullet.style.bottom) < window.innerHeight;
        });

// Create Enemies
        if (Math.random() < 0.02) {
            var enemy = document.createElement("div");
            enemy.className = "enemy";
            enemy.style.left = Math.random() * (window.innerWidth - 40) + "px";
            document.body.appendChild(enemy);
            enemies.push(enemy);
        }

// Move Enemies
        enemies.forEach(function(enemy) {
            enemy.style.bottom = parseInt(enemy.style.bottom) + 5 + "px";
        });

// Check Collision between Enemies and Bullets
        enemies.forEach(function(enemy) {
            bullets.forEach(function(bullet) {
                if (collisionCheck(enemy, bullet)) {
                    enemy.remove();
                    bullet.remove();
                }
            });
        });

// Remove Enemies that are off-screen
        enemies = enemies.filter(function(enemy) {
            return parseInt(enemy.style.bottom) < window.innerHeight;
        });

}, 1000 / 60); // 60 FPS

// Collision Detection
    function collisionCheck(obj1, obj2) {
        var obj1Rect = obj1.getBoundingClientRect();
        var obj2Rect = obj2.getBoundingClientRect();

return !(
            obj1Rect.top > obj2Rect.bottom ||
            obj1Rect.bottom < obj2Rect.top ||
            obj1Rect.right < obj2Rect.left ||
            obj1Rect.left > obj2Rect.right
        );
    }
</script>
</html>
```