AI game creator

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

No:15906

139

←

Prev Next

→

Shooting Game
Developer User6994｜Date and time 23/9/13 16:03:31
Build time 52.638 sec｜Game capacity 5.745KB｜

Script

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript:

Score: 0

To play the game, open the HTML file in a browser (preferably on a smartphone). The player can move left and right using the left and right arrow keys. To shoot, press the spacebar. The goal is to shoot down the falling enemies without colliding with them. The score is displayed at the top right corner of the screen, and the game ends when the player collides with an enemy.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
<style>
    #game-board {
        width: 320px;
        height: 480px;
        background-color: #ccc;
        position: relative;
    }
    
    #player {
        width: 50px;
        height: 50px;
        background-color: red;
        position: absolute;
        bottom: 0;
        left: 135px;
    }
    
    .bullet {
        width: 5px;
        height: 10px;
        background-color: black;
        position: absolute;
    }
    
    .enemy {
        width: 30px;
        height: 30px;
        background-color: blue;
        position: absolute;
    }
    
    #score {
        font-family: Arial, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: white;
        background-color: #333;
        padding: 5px;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    
    .hidden {
        display: none;
    }
</style>
</head>
<body>
    <div id="game-board">
        <div id="player"></div>
    </div>
    <div id="score">Score: <span id="score-value">0</span></div>

// Move the player left or right
        function movePlayer(event) {
            if (event.key === 'ArrowLeft') {
                player.style.left = parseInt(player.style.left) - 10 + 'px';
            } else if (event.key === 'ArrowRight') {
                player.style.left = parseInt(player.style.left) + 10 + 'px';
            }
        }

// Shoot a bullet
        function shootBullet() {
            var bullet = document.createElement('div');
            bullet.className = 'bullet';
            bullet.style.left = parseInt(player.style.left) + 22.5 + 'px';
            document.getElementById('game-board').appendChild(bullet);
            bullets.push(bullet);
        }

// Move bullets up and remove when off screen
        function moveBullets() {
            for (var i = 0; i < bullets.length; i++) {
                var bullet = bullets[i];
                bullet.style.top = parseInt(bullet.style.top) - 10 + 'px';

if (parseInt(bullet.style.top) < -10) {
                    bullets.splice(i, 1);
                    bullet.parentNode.removeChild(bullet);
                    i--;
                }
            }
        }

// Create a new enemy
        function createEnemy() {
            var enemy = document.createElement('div');
            enemy.className = 'enemy';
            enemy.style.top = '-30px';
            enemy.style.left = Math.floor(Math.random() * 290) + 'px';
            document.getElementById('game-board').appendChild(enemy);
            enemies.push(enemy);
        }

// Move enemies down and check for collision
        function moveEnemies() {
            for (var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];
                enemy.style.top = parseInt(enemy.style.top) + 4 + 'px';

// Check for collision with bullets
                for (var j = 0; j < bullets.length; j++) {
                    var bullet = bullets[j];
                    if (checkCollision(bullet, enemy)) {
                        bullets.splice(j, 1);
                        bullet.parentNode.removeChild(bullet);
                        j--;

enemies.splice(i, 1);
                        enemy.parentNode.removeChild(enemy);
                        i--;

score++;
                        document.getElementById('score-value').textContent = score;
                    }
                }

// Check for collision with player
                if (checkCollision(enemy, player)) {
                    gameOver();
                }

// Remove enemy when off screen
                if (parseInt(enemy.style.top) > 480) {
                    enemies.splice(i, 1);
                    enemy.parentNode.removeChild(enemy);
                    i--;
                }
            }
        }

// Check collision between two elements
        function checkCollision(a, b) {
            var aRect = a.getBoundingClientRect();
            var bRect = b.getBoundingClientRect();

return !(aRect.top > bRect.bottom || 
                     aRect.bottom < bRect.top || 
                     aRect.right < bRect.left || 
                     aRect.left > bRect.right);
        }

// Game over
        function gameOver() {
            window.removeEventListener('keydown', movePlayer);
            clearInterval(enemyInterval);
            clearInterval(gameInterval);
            alert('Game Over! Final Score: ' + score);
            location.reload();
        }

// Setup game events
        window.addEventListener('keydown', movePlayer);
        window.addEventListener('keydown', function(event) {
            if (event.key === ' ') {
                shootBullet();
            }
        });

var enemyInterval = setInterval(createEnemy, 1000);
        var gameInterval = setInterval(function() {
            moveBullets();
            moveEnemies();
        }, 30);
    </script>
</body>
</html>
```