A shooting game where you shoot the enemies without getting k○lled by the enemies.'s game

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

No:36328

←

Prev Next

→

A shooting game where you shoot the enemies withou..ALL
Developer User16649｜Date and time 24/1/17 11:48:59
Build time 18.748 sec｜Game capacity 5.604KB｜

Script

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

This game is a simple shooting game where you control a player at the bottom of the screen using arrow keys and shoot bullets using the space bar. The goal is to shoot the enemy squares while avoiding collision with them. The score increments whenever an enemy is shot, and the game ends when the player collides with an enemy. Note: The game assumes smartphone operation, but it can also be played on a desktop/laptop by using arrow keys and the space bar for controls.

←

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>
    <title>Shooting Game</title>
    <style>
        #game {
            position: relative;
            width: 400px;
            height: 600px;
            border: 1px solid black;
        }
        #player {
            position: absolute;
            width: 40px;
            height: 40px;
            background-color: blue;
            left: 180px;
            bottom: 10px;
        }
        .enemy {
            position: absolute;
            width: 30px;
            height: 30px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player"></div>
    </div>

// Handle player movement
        window.addEventListener("keydown", function(event) {
            if (isGameOver) return;

// Enemy generation
        function createEnemy() {
            if (isGameOver) return;

var enemy = document.createElement("div");
            enemy.classList.add("enemy");
            enemy.style.left = Math.random() * 360 + "px";
            game.appendChild(enemy);

moveEnemy(enemy);
        }

// Enemy movement
        function moveEnemy(enemy) {
            var gameHeight = parseInt(window.getComputedStyle(game).getPropertyValue("height"));
            var timer = setInterval(function() {
                var top = parseInt(window.getComputedStyle(enemy).getPropertyValue("top"));
                if (top >= gameHeight - 40 && top <= gameHeight - 10 && 
                    parseInt(window.getComputedStyle(enemy).getPropertyValue("left")) === parseInt(window.getComputedStyle(player).getPropertyValue("left"))) {
                    gameOver();
                }

top += 10;
                if (top > gameHeight) {
                    clearInterval(timer);
                    enemy.parentNode.removeChild(enemy);
                    score++;
                } else {
                    enemy.style.top = top + "px";
                }
            }, 20);
        }

// Shooting mechanism
        function shoot() {
            var bullet = document.createElement("div");
            bullet.classList.add("bullet");
            var playerLeft = parseInt(window.getComputedStyle(player).getPropertyValue("left"));
            var bulletTop = parseInt(window.getComputedStyle(player).getPropertyValue("bottom")) + 10;
            bullet.style.left = playerLeft + 15 + "px";
            bullet.style.bottom = bulletTop + "px";
            game.appendChild(bullet);

var timer = setInterval(function() {
                var enemies = document.getElementsByClassName("enemy");
                for (var i = 0; i < enemies.length; i++) {
                    var enemy = enemies[i];
                    var bulletTop = parseInt(window.getComputedStyle(bullet).getPropertyValue("bottom"));
                    var bulletLeft = parseInt(window.getComputedStyle(bullet).getPropertyValue("left"));
                    var enemyTop = parseInt(window.getComputedStyle(enemy).getPropertyValue("top"));
                    var enemyLeft = parseInt(window.getComputedStyle(enemy).getPropertyValue("left"));

// Collision detection
                    if (bulletTop <= enemyTop + 30 && bulletTop >= enemyTop && 
                        bulletLeft <= enemyLeft + 30 && bulletLeft >= enemyLeft) {
                        enemy.parentNode.removeChild(enemy);
                        bullet.parentNode.removeChild(bullet);
                        score++;
                    }
                }

var bulletBottom = parseInt(window.getComputedStyle(bullet).getPropertyValue("bottom"));
                if (bulletBottom >= 600) {
                    clearInterval(timer);
                    bullet.parentNode.removeChild(bullet);
                } else {
                    bullet.style.bottom = bulletBottom + 10 + "px";
                }
            }, 10);
        }

// Game over
        function gameOver() {
            isGameOver = true;
            alert("Game Over! Your score is: " + score);
            while (game.firstChild) {
                game.removeChild(game.firstChild);
            }
            player.style.display = "none";
        }

// Game loop
        var enemyInterval = setInterval(createEnemy, 1500);

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

Note: The game assumes smartphone operation, but it can also be played on a desktop/laptop by using arrow keys and the space bar for controls.