Space starship Shoot enemy starships Defend castle Different modes of guns's game

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

No:40000

←

Prev Next

→

Space starship Shoot enemy starships Defend castl..ALL
Developer User17943｜Date and time 24/1/31 17:31:54
Build time 21.198 sec｜Game capacity 5.94KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Space Starship Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // Get the canvas element and its context
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Create the player's starship
        var playerStarship = {
            x: canvas.width / 2 - 25,
            y: canvas.height - 100,
            width: 50,
            height: 50,
            speed: 5
        };

// Create an array to store the enemy starships
        var enemyStarships = [];

// Create initial enemy starships
        for (var i = 0; i < 10; i++) {
            enemyStarships.push({
                x: Math.random() * (canvas.width - 50),
                y: Math.random() * (canvas.height / 2),
                width: 50,
                height: 50,
                speed: Math.random() * 2 + 1
            });
        }

// Create the castle
        var castle = {
            x: canvas.width / 2 - 25,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            health: 100
        };

// Create the different modes of guns
        var gunModes = [
            {
                name: "Normal",
                damage: 10,
                fireRate: 1
            },
            {
                name: "Powerful",
                damage: 20,
                fireRate: 0.5
            },
            {
                name: "Rapid Fire",
                damage: 5,
                fireRate: 2
            }
        ];

// Set the initial gun mode
        var currentGunMode = gunModes[0];

// Create variables for tracking keyboard input
        var leftKeyPressed = false;
        var rightKeyPressed = false;
        var spaceKeyPressed = false;

// Event listeners for keyboard input
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Key down event handler
        function keyDownHandler(event) {
            if (event.keyCode === 37) {
                leftKeyPressed = true;
            } else if (event.keyCode === 39) {
                rightKeyPressed = true;
            } else if (event.keyCode === 32) {
                spaceKeyPressed = true;
            }
        }

// Key up event handler
        function keyUpHandler(event) {
            if (event.keyCode === 37) {
                leftKeyPressed = false;
            } else if (event.keyCode === 39) {
                rightKeyPressed = false;
            } else if (event.keyCode === 32) {
                spaceKeyPressed = false;
            }
        }

// Function to check collision between two objects
        function checkCollision(object1, object2) {
            if (object1.x < object2.x + object2.width &&
                object1.x + object1.width > object2.x &&
                object1.y < object2.y + object2.height &&
                object1.y + object1.height > object2.y) {
                return true;
            }
            return false;
        }

// Game update function
        function update() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Update the player's starship position
            if (leftKeyPressed) {
                playerStarship.x -= playerStarship.speed;
            }
            if (rightKeyPressed) {
                playerStarship.x += playerStarship.speed;
            }

// Prevent the player's starship from going out of bounds
            if (playerStarship.x < 0) {
                playerStarship.x = 0;
            }
            if (playerStarship.x > canvas.width - playerStarship.width) {
                playerStarship.x = canvas.width - playerStarship.width;
            }

// Draw the player's starship
            context.fillRect(playerStarship.x, playerStarship.y, playerStarship.width, playerStarship.height);

// Draw the enemy starships and check for collisions
            for (var i = 0; i < enemyStarships.length; i++) {
                var starship = enemyStarships[i];

// Move the enemy starship
                starship.y += starship.speed;

// Check if the enemy starship has collided with the player's starship
                if (checkCollision(starship, playerStarship)) {
                    // Game over logic
                    alert("Game Over!");
                    document.location.reload();
                }

// Check if the enemy starship has reached the castle
                if (starship.y > castle.y) {
                    castle.health -= 10;
                    enemyStarships.splice(i, 1);
                    i--;
                    continue;
                }

// Draw the enemy starship
                context.fillRect(starship.x, starship.y, starship.width, starship.height);
            }

// Draw the castle
            context.fillRect(castle.x, castle.y, castle.width, castle.height);

// Display the castle's health
            context.font = "16px Arial";
            context.fillStyle = "white";
            context.fillText("Castle Health: " + castle.health, 10, 20);

// Check if castle health is depleted
            if (castle.health <= 0) {
                // Game over logic
                alert("Game Over!");
                document.location.reload();
            }

// Fire bullets when space key is pressed
            if (spaceKeyPressed) {
                // Implement shooting logic here
            }

// Call the update function again
            requestAnimationFrame(update);
        }

// Start the game
        update();
    </script>
</body>
</html>