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

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

No:11536

111

←

Prev Next

→

A plane game where you have to fight other jets
Developer User4910｜Date and time 23/8/10 23:33:50
Build time 29.082 sec｜Game capacity 4.222KB｜

Script

Sure! Here's a single HTML file containing a simple airplane game where you have to fight other jets using JavaScript:

You can save this code into a `.html` file and open it in a web browser on your smartphone to play the game. Use the arrow keys to control the player jet and try to avoid collision with enemy jets. Your score will increase as enemy jets pass without collision. When a collision occurs, the game will alert "Game Over!" and you can reload the page to restart the game. Enjoy playing!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a single HTML file containing a simple airplane game where you have to fight other jets using JavaScript:

```html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Airplane Game</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>

// Get the canvas element
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

// Game variables
        let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;
        let playerSpeed = 5;
        let enemies = [];
        let score = 0;

// Event listeners for player movement
        document.addEventListener('keydown', handleKeyDown);
        document.addEventListener('keyup', handleKeyUp);

let keys = [];

function handleKeyDown(e) {
            keys[e.keyCode] = true;
        }

function handleKeyUp(e) {
            keys[e.keyCode] = false;
        }

// Enemy jet class
        class EnemyJet {
            constructor(x, y, speed) {
                this.x = x;
                this.y = y;
                this.speed = speed;
            }

update() {
                this.y += this.speed;
            }
        }

// Game loop
        function gameLoop() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move player
            if (keys[37]) { // Left arrow key
                playerX -= playerSpeed;
            }
            if (keys[39]) { // Right arrow key
                playerX += playerSpeed;
            }
            if (keys[38]) { // Up arrow key
                playerY -= playerSpeed;
            }
            if (keys[40]) { // Down arrow key
                playerY += playerSpeed;
            }

// Draw player jet
            ctx.fillStyle = '#0000FF';
            ctx.fillRect(playerX, playerY, 20, 20);

// Create new enemy jets randomly
            if (Math.random() < 0.03) {
                const newEnemyJet = new EnemyJet(
                    Math.random() * canvas.width,
                    0,
                    Math.random() * 2 + 1
                );
                enemies.push(newEnemyJet);
            }

// Update and draw enemy jets
            enemies.forEach((enemy) => {
                enemy.update();
                ctx.fillStyle = '#FF0000';
                ctx.fillRect(enemy.x, enemy.y, 20, 20);

// Check for collision with player
                if (
                    playerX < enemy.x + 20 &&
                    playerX + 20 > enemy.x &&
                    playerY < enemy.y + 20 &&
                    playerY + 20 > enemy.y
                ) {
                    // Game over condition
                    alert('Game Over!');
                    location.reload(); // Refresh the page to restart the game
                }

// Check if enemy jet passed the player without collision
                if (enemy.y > canvas.height) {
                    score += 10;
                    enemies = enemies.filter((enemy) => enemy !== enemy);
                }
            });

// Display score
            ctx.fillStyle = '#000';
            ctx.font = '20px Arial';
            ctx.fillText(`Score: ${score}`, 10, 30);

// Call the game loop recursively
            requestAnimationFrame(gameLoop);
        }

// Start the game loop
        gameLoop();

</script>
</body>

</html>
```