A plane game where you have to fight other jets and you have guns's game

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

No:11537

101

←

Prev Next

→

A plane game where you have to fight other jets an..ALL
Developer User4910｜Date and time 23/8/10 23:40:39
Build time 21.215 sec｜Game capacity 5.876KB｜

Script

Sure, I can help you create a simple plane game using JavaScript. Here's an example implementation using HTML and JavaScript, which you can save as a single HTML file and run in a web browser:

This simple game includes a player-controlled jet that can be moved up and down using the up and down arrow keys. Pressing the spacebar will fire the player's gun, and the objective is to shoot down the enemy jets that approach from the right side. Feel free to modify and enhance the game as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure, I can help you create a simple plane game using JavaScript. Here's an example implementation using HTML and JavaScript, which you can save as a single HTML file and run in a web browser:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game-container {
            position: relative;
            width: 500px;
            height: 500px;
            background-color: skyblue;
            border: 1px solid black;
        }

#player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

.enemy {
            position: absolute;
            width: 40px;
            height: 40px;
            background-color: yellow;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>

// Array to hold enemy jets
        const enemies = [];

// Function to create new enemy jets
        function createEnemy() {
            const enemy = document.createElement('div');
            enemy.className = 'enemy';
            enemy.style.top = Math.random() * 420 + 'px';
            enemy.style.left = '480px';
            document.getElementById('game-container').appendChild(enemy);
            enemies.push(enemy);
        }

// Function to move the player
        function movePlayer(event) {
            switch (event.keyCode) {
                case 38: // Up arrow key
                    if (player.y > 0) {
                        player.y -= player.speed;
                    }
                    break;
                case 40: // Down arrow key
                    if (player.y < 450) {
                        player.y += player.speed;
                    }
                    break;
                case 32: // Spacebar (fire gun)
                    fireGun();
                    break;
            }
        }

// Function to fire the player's gun
        function fireGun() {
            const bullet = document.createElement('div');
            bullet.className = 'bullet';
            bullet.style.top = player.y - 5 + 'px';
            bullet.style.left = player.x + 50 + 'px';
            document.getElementById('game-container').appendChild(bullet);
            
            const bulletMoveInterval = setInterval(() => {
                bullet.style.left = parseInt(bullet.style.left) + 5 + 'px';
                
                // Check for collision with enemies
                for (let i = 0; i < enemies.length; i++) {
                    if (
                        parseInt(bullet.style.left) > parseInt(enemies[i].style.left) &&
                        parseInt(bullet.style.top) > parseInt(enemies[i].style.top) - 10 &&
                        parseInt(bullet.style.top) < parseInt(enemies[i].style.top) + 40
                    ) {
                        document.getElementById('game-container').removeChild(enemies[i]);
                        clearInterval(bulletMoveInterval);
                        enemies.splice(i, 1);
                        break;
                    }
                }
                
                // Check for bullet going out of bounds
                if (parseInt(bullet.style.left) > 500) {
                    clearInterval(bulletMoveInterval);
                    document.getElementById('game-container').removeChild(bullet);
                }
            }, 10);
        }

// Function to move enemies towards the player
        function moveEnemies() {
            const enemyMoveInterval = setInterval(() => {
                for (let i = 0; i < enemies.length; i++) {
                    enemies[i].style.left = parseInt(enemies[i].style.left) - player.speed / 2 + 'px';

// Check for collision with player
                    if (
                        parseInt(enemies[i].style.left) < player.x + 50 &&
                        parseInt(enemies[i].style.top) > player.y - 40 &&
                        parseInt(enemies[i].style.top) < player.y + 50
                    ) {
                        clearInterval(enemyMoveInterval);
                        document.getElementById('game-container').removeChild(enemies[i]);
                        alert('Game Over! You were hit by an enemy jet.');
                        break;
                    }

// Check for enemy going out of bounds
                    if (parseInt(enemies[i].style.left) < -40) {
                        clearInterval(enemyMoveInterval);
                        document.getElementById('game-container').removeChild(enemies[i]);
                        enemies.splice(i, 1);
                        break;
                    }
                }
            }, 50);
        }

// Event listener for keyboard arrow key movements
        document.addEventListener('keydown', movePlayer);

// Game loop to create new enemies and move them
        const gameLoopInterval = setInterval(() => {
            if (Math.random() < 0.03) {
                createEnemy();
            }

moveEnemies();
        }, 1000);

// Stop the game loop when the window is closed
        window.addEventListener('beforeunload', () => {
            clearInterval(gameLoopInterval);
        });
    </script>
</body>
</html>
```

Feel free to modify and enhance the game as per your requirements.