A game where you are a falling nuke and have to avoid planes to reach a power plant's game

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

No:38601

←

Prev Next

→

A game where you are a falling nuke and have to av..ALL
Developer User17421｜Date and time 24/1/25 5:21:47
Build time 20.977 sec｜Game capacity 4.836KB｜

Script

Sure! Here's a simple implementation of the game you described, using JavaScript and HTML within a single HTML file:

You can copy and paste the code into a text file and save it with a .html extension, then run it in any modern web browser. The game sets up a canvas where you control a red rectangle representing a falling nuke. Use the arrow keys on your smartphone to move the nuke and avoid the black planes to reach the green power plant. Your score will be displayed at the top-left corner, and the game will be over if you collide with a plane or reach the power plant. Note: This implementation is a simple example to get you started and may require further improvements, enhancements, and optimizations based on your specific requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of the game you described, using JavaScript and HTML within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Avoid the Planes!</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    <script>
        // Game variables
        var canvas, ctx, width, height;
        var playerX, playerY, playerSize;
        var planeX, planeY, planeSize, planeSpeed;
        var plantX, plantY, plantSize;
        var score;
        var gameOver;

// Initialize game variables and start game
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            width = window.innerWidth;
            height = window.innerHeight;
            canvas.width = width;
            canvas.height = height;

playerX = width / 2;
            playerY = height / 2;
            playerSize = 30;

planeX = Math.random() * (width - playerSize);
            planeY = 0;
            planeSize = 50;
            planeSpeed = 5;

plantX = Math.random() * (width - playerSize);
            plantY = height - playerSize;
            plantSize = 70;

score = 0;
            gameOver = false;

document.addEventListener("keydown", handleKeyPress);
            setInterval(updateGame, 20);
        }

// Update game state
        function updateGame() {
            if (!gameOver) {
                ctx.clearRect(0, 0, width, height);

// Move the plane downwards
                planeY += planeSpeed;

// Check collision with player and planes
                if (
                    playerX < planeX + planeSize &&
                    playerX + playerSize > planeX &&
                    playerY < planeY + planeSize &&
                    playerY + playerSize > planeY
                ) {
                    gameOver = true;
                }

// Check if player reaches the power plant
                if (
                    playerX < plantX + plantSize &&
                    playerX + playerSize > plantX &&
                    playerY < plantY + plantSize &&
                    playerY + playerSize > plantY
                ) {
                    gameOver = true;
                    score++;
                }

// Draw player, plane, and power plant
                drawRectangle(playerX, playerY, playerSize, playerSize, "red");
                drawRectangle(planeX, planeY, planeSize, planeSize, "black");
                drawRectangle(plantX, plantY, plantSize, plantSize, "green");

// Update score
                ctx.font = "20px Arial";
                ctx.fillStyle = "white";
                ctx.fillText("Score: " + score, 10, 30);
            } else {
                // Game over, show score
                ctx.font = "30px Arial";
                ctx.fillStyle = "white";
                ctx.fillText("Game Over!", width / 2 - 100, height / 2 - 20);
                ctx.fillText("Score: " + score, width / 2 - 75, height / 2 + 20);
            }
        }

// Function to handle player movement
        function handleKeyPress(e) {
            var key = e.keyCode;
            var step = 10;

if (key === 37) playerX -= step; // Left arrow key
            if (key === 39) playerX += step; // Right arrow key
            if (key === 38) playerY -= step; // Up arrow key
            if (key === 40) playerY += step; // Down arrow key

// Prevent player from going out of bounds
            playerX = Math.max(0, Math.min(playerX, width - playerSize));
            playerY = Math.max(0, Math.min(playerY, height - playerSize));
        }

// Function to draw rectangles on the canvas
        function drawRectangle(x, y, width, height, color) {
            ctx.fillStyle = color;
            ctx.fillRect(x, y, width, height);
        }

startGame();
    </script>
</body>
</html>
```

Note: This implementation is a simple example to get you started and may require further improvements, enhancements, and optimizations based on your specific requirements.