AI game creator

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

No:12165

←

Prev Next

→

Shooting Game
Developer User5045｜Date and time 23/8/14 5:56:50
Build time 31.738 sec｜Game capacity 5.572KB｜

Script

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript. The game is designed for smartphone operation and uses pictograms.

To play the game, simply open the HTML file on your smartphone device. The player can be controlled by moving your finger horizontally on the screen, and bullets are fired automatically when you tap the screen. The objective is to shoot the enemies approaching from the top while avoiding being hit by them. The game ends when an enemy reaches the bottom of the screen or when the player collides with an enemy. Your score is displayed at the end of the game.

←

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. The game is designed for smartphone operation and uses pictograms.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
    <style>
        #game-container {
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #efefef;
        }
        
        #player {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
            bottom: 10px;
        }
        
        .bullet {
            width: 10px;
            height: 10px;
            background-color: red;
            position: absolute;
        }
        
        .enemy {
            width: 30px;
            height: 30px;
            background-color: orange;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>

// Function to move the player
        function movePlayer(event) {
            var x = event.touches[0].clientX;
            var containerRect = container.getBoundingClientRect();
            var newX = x - containerRect.left - (player.offsetWidth / 2);
            newX = Math.max(0, Math.min(container.offsetWidth - player.offsetWidth, newX));
            player.style.left = newX + "px";
        }

// Function to shoot a bullet
        function shoot() {
            var bullet = document.createElement("div");
            bullet.className = "bullet";
            bullet.style.bottom = player.offsetHeight + "px";
            bullet.style.left = (player.offsetLeft + player.offsetWidth / 2) + "px";
            container.appendChild(bullet);
            bullets.push(bullet);
        }

// Function to move bullets
        function moveBullets() {
            bullets.forEach(function(bullet, index) {
                var top = bullet.offsetTop;
                bullet.style.top = (top - 10) + "px";

// Check if bullet hit an enemy
                enemies.forEach(function(enemy) {
                    if (isColliding(bullet, enemy)) {
                        container.removeChild(bullet);
                        bullets.splice(index, 1);
                        container.removeChild(enemy);
                        enemies.splice(enemies.indexOf(enemy), 1);
                        score += 10;
                    }
                });

// Check if bullet is out of the screen
                if (top <= 0) {
                    container.removeChild(bullet);
                    bullets.splice(index, 1);
                }
            });
        }

// Function to create enemies
        function createEnemies() {
            var enemy = document.createElement("div");
            enemy.className = "enemy";
            var containerRect = container.getBoundingClientRect();
            enemy.style.left = Math.floor(Math.random() * (container.offsetWidth - enemy.offsetWidth)) + "px";
            container.appendChild(enemy);
            enemies.push(enemy);
        }

// Function to move enemies
        function moveEnemies() {
            enemies.forEach(function(enemy) {
                var top = enemy.offsetTop;
                enemy.style.top = (top + 10) + "px";

// Check if enemy is at the bottom and end the game
                if (top + enemy.offsetHeight >= container.offsetHeight) {
                    isGameOver = true;
                    clearInterval(gameInterval);
                    alert("Game Over!\nYour Score: " + score);
                }

// Check if enemy hit the player
                if (isColliding(player, enemy)) {
                    isGameOver = true;
                    clearInterval(gameInterval);
                    alert("Game Over!\nYour Score: " + score);
                }
            });
        }

// Function to check collision between two elements
        function isColliding(a, b) {
            var aRect = a.getBoundingClientRect();
            var bRect = b.getBoundingClientRect();
            return !(aRect.bottom < bRect.top || aRect.top > bRect.bottom || aRect.right < bRect.left || aRect.left > bRect.right);
        }

// Event Listeners
        document.addEventListener("touchmove", movePlayer);
        document.addEventListener("touchstart", shoot);

// Game Loop
        var gameInterval = setInterval(function() {
            if (!isGameOver) {
                moveBullets();
                moveEnemies();
                if (Math.random() < 0.1) {
                    createEnemies();
                }
            }
        }, 100);
    </script>
</body>
</html>
```