Make a game about people in a space war ship fighting aliens's game

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

No:20020

←

Prev Next

→

Make a game about people in a space war ship fight..ALL
Developer User8918｜Date and time 23/10/7 23:27:12
Build time 21.711 sec｜Game capacity 3.88KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Space War Game</title>
</head>
<body>
    <script>
        // Global variables
        var score = 0;
        var lives = 3;
        var spaceshipSpeed = 10;

// Game objects
        var spaceship = {
            x: 0, // Initial X position
            y: 250, // Initial Y position
            width: 50,
            height: 50,
            color: "blue"
        };

var aliens = [];

// Function to create random aliens
        function createAlien() {
            var alien = {
                x: 800, // Initial X position (right of the screen)
                y: Math.random() * 500, // Random Y position
                width: 50,
                height: 50,
                color: "green",
                speed: Math.random() * 4 + 1 // Random speed between 1-5
            };

aliens.push(alien);
        }

// Function to move spaceship based on device's tilt
        function moveSpaceship(event) {
            spaceship.y += event.gamma / 2;
        }

// Function to detect collision between two objects
        function collisionDetection(object1, object2) {
            return (
                object1.x < object2.x + object2.width &&
                object1.x + object1.width > object2.x &&
                object1.y < object2.y + object2.height &&
                object1.y + object1.height > object2.y
            );
        }

// Function to update the game canvas
        function updateCanvas() {
            var canvas = document.createElement("canvas");
            var context = canvas.getContext("2d");
            canvas.width = 800;
            canvas.height = 600;
            document.body.appendChild(canvas);

// Event listener for device tilt
            window.addEventListener("deviceorientation", moveSpaceship);

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

// Draw the spaceship
                context.fillStyle = spaceship.color;
                context.fillRect(spaceship.x, spaceship.y, spaceship.width, spaceship.height);

// Draw the aliens
                for (var i = 0; i < aliens.length; i++) {
                    context.fillStyle = aliens[i].color;
                    context.fillRect(aliens[i].x, aliens[i].y, aliens[i].width, aliens[i].height);

// Move the aliens
                    aliens[i].x -= aliens[i].speed;

// Check collision with spaceship
                    if (collisionDetection(spaceship, aliens[i])) {
                        lives--; // Reduce a life
                        aliens.splice(i, 1); // Remove the alien from array

if (lives === 0) {
                            // Game over condition
                            alert("Game Over");
                            clearInterval();
                        }
                    }

// Check if alien has moved off the screen
                    if (aliens[i].x < 0) {
                        aliens.splice(i, 1); // Remove the alien from array
                        score++; // Increase the score
                    }
                }

// Display Score and Lives
                context.fillStyle = "black";
                context.font = "20px Arial";
                context.fillText("Score: " + score, 10, 30);
                context.fillText("Lives: " + lives, 10, 60);

// Create random aliens at regular intervals
                if (Math.random() < 0.01) {
                    createAlien();
                }
            }, 30); // Game speed (30 milliseconds)
        }

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