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

No:18344

←

Prev Next

→

Shooting Game
Developer User6337｜Date and time 23/9/28 10:40:22
Build time 33.557 sec｜Game capacity 4.812KB｜

Script

Sure, here's an example of a simple shooting game implemented as a single HTML file:

Shooting Game

Note that this is just a basic example and can be improved and expanded upon as per your requirements. The game involves moving the player and shooting bullets to destroy enemies. If an enemy reaches the bottom of the game container, it's game over.

←

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:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
    <style>
        #gameContainer {
            position: relative;
            width: 100%;
            height: 400px;
            border: 1px solid black;
        }
        
        #player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-image: url('player.png');
            background-size: cover;
        }
        
        .bullet {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: black;
        }
        
        .enemy {
            position: absolute;
            width: 40px;
            height: 40px;
            background-image: url('enemy.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <h1>Shooting Game</h1>
    <div id="gameContainer">
        <div id="player"></div>
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var gameContainer = document.getElementById('gameContainer');
            var player = document.getElementById('player');
            var bullets = [];
            var enemies = [];
            
            // Player movement
            gameContainer.addEventListener('mousemove', function(event) {
                player.style.left = event.clientX - player.offsetWidth / 2 + 'px';
                player.style.top = event.clientY - player.offsetHeight / 2 + 'px';
            });
            
            // Shooting bullets
            gameContainer.addEventListener('click', function(event) {
                var bullet = document.createElement('div');
                bullet.classList.add('bullet');
                bullet.style.left = player.offsetLeft + player.offsetWidth / 2 - bullet.offsetWidth / 2 + 'px';
                bullet.style.top = player.offsetTop + player.offsetHeight / 2 - bullet.offsetHeight / 2 + 'px';
                gameContainer.appendChild(bullet);
                bullets.push(bullet);
            });
            
            // Enemy creation and movement
            function createEnemy() {
                var enemy = document.createElement('div');
                enemy.classList.add('enemy');
                enemy.style.left = Math.random() * (gameContainer.offsetWidth - enemy.offsetWidth) + 'px';
                enemy.style.top = Math.random() * (gameContainer.offsetHeight - enemy.offsetHeight) + 'px';
                gameContainer.appendChild(enemy);
                enemies.push(enemy);
            }
            
            function moveEnemies() {
                enemies.forEach(function(enemy) {
                    var enemyLeft = parseInt(enemy.style.left, 10);
                    var enemyTop = parseInt(enemy.style.top, 10);
                    
                    if (enemyTop + enemy.offsetHeight >= gameContainer.offsetHeight) {
                        gameOver();
                        return;
                    }
                    
                    enemy.style.top = enemyTop + 1 + 'px';
                    
                    bullets.forEach(function(bullet, bulletIndex) {
                        var bulletLeft = parseInt(bullet.style.left, 10);
                        var bulletTop = parseInt(bullet.style.top, 10);
                        
                        // Check for collision between bullet and enemy
                        if (bulletTop <= enemyTop + enemy.offsetHeight &&
                            bulletTop + bullet.offsetHeight >= enemyTop &&
                            bulletLeft <= enemyLeft + enemy.offsetWidth &&
                            bulletLeft + bullet.offsetWidth >= enemyLeft) {
                            gameContainer.removeChild(enemy);
                            gameContainer.removeChild(bullet);
                            enemies.splice(enemies.indexOf(enemy), 1);
                            bullets.splice(bulletIndex, 1);
                            return;
                        }
                    });
                });
            }
            
            setInterval(createEnemy, 1500); // Create new enemy every 1.5 seconds
            setInterval(moveEnemies, 10); // Move enemies every 10 milliseconds
            
            // Game over function
            function gameOver() {
                clearInterval();
                alert('Game Over');
            }
        });
    </script>
</body>
</html>
```