AI game creator

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

No:16452

117

←

Prev Next

→

Shooting Game
Developer User7290｜Date and time 23/9/18 5:33:31
Build time 20.793 sec｜Game capacity 3.076KB｜

Script

Sure, here's an example of a simple shooting game implemented as a single HTML file using JavaScript and enclosed in script tags:

This game creates a game area with a player that can be controlled using left and right arrow keys. Pressing the space bar will shoot bullets from the player's position. The bullets will move up towards the top of the game area and disappear when they reach the top or go out of bounds.

←

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 using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
    <style>
        #game-area {
            width: 300px;
            height: 400px;
            border: 1px solid black;
            position: relative;
        }
        #player {
            width: 30px;
            height: 30px;
            background-color: blue;
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
        }
        .bullet {
            width: 5px;
            height: 15px;
            background-color: red;
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
        }
    </style>
</head>
<body>
    <div id="game-area">
        <div id="player"></div>
    </div>
    
    <script>
    document.addEventListener("DOMContentLoaded", function(event) {
        // Get game area and player element
        var gameArea = document.getElementById('game-area');
        var player = document.getElementById('player');

// Player movement
        document.addEventListener('keydown', function(event) {
            if(event.keyCode === 37) {
                // Left arrow key
                var left = parseInt(getComputedStyle(player).getPropertyValue('left'));
                player.style.left = (left - 5) + 'px';
            }
            else if(event.keyCode === 39) {
                // Right arrow key
                var left = parseInt(getComputedStyle(player).getPropertyValue('left'));
                player.style.left = (left + 5) + 'px';
            }
            else if(event.keyCode === 32) {
                // Space bar key
                shoot();
            }
        });

// Bullets
        var bullets = [];
        function shoot() {
            var bullet = document.createElement('div');
            bullet.className = 'bullet';
            bullet.style.left = parseInt(getComputedStyle(player).getPropertyValue('left')) + 'px';
            gameArea.appendChild(bullet);
            bullets.push(bullet);
        }

// Bullet movement
        function moveBullets() {
            bullets.forEach(function(bullet) {
                var bottom = parseInt(getComputedStyle(bullet).getPropertyValue('bottom'));
                bullet.style.bottom = (bottom + 2) + 'px';

if(bottom >= 400) {
                    bullet.parentNode.removeChild(bullet);
                    bullets.splice(bullets.indexOf(bullet), 1);
                }
            });
        }

// Game loop
        setInterval(moveBullets, 10);

});
    </script>
</body>
</html>
```