Space Fly to mars to make life by getting water to make life's game

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

No:24519

←

Prev Next

→

Space Fly to mars to make life by getting water t..ALL
Developer User11630｜Date and time 23/11/9 14:38:18
Build time 129.611 sec｜Game capacity 4.273KB｜

Script

Sure! Here's a simple implementation of the "Space Fly to Mars" game using JavaScript within a single HTML file:

This game involves a spaceship flying towards Mars to create life. The spaceship is represented by a triangle, and the water required to make life is depicted as blue droplets. The objective is to collect as many water droplets as possible by maneuvering the spaceship using smartphone controls. When the spaceship reaches Mars, a congratulatory message is displayed, and the game resets. Please note that this is a simplified demonstration and can be further enhanced with additional features and a more engaging visual interface.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple implementation of the "Space Fly to Mars" game using JavaScript within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Space Fly to Mars</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Game variables
        let x = canvas.width / 2; // Starting position of the spaceship
        let y = canvas.height - 50;
        let dy = -2; // Speed of the spaceship
        let waterCollected = 0;

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

// Draw the spaceship
            drawSpaceship();

// Update spaceship position
            y += dy;

// Draw water droplets
            drawWaterDroplets();

// Check collision between spaceship and water droplets
            checkCollision();

// Display the collected water
            displayWaterCollected();

// Check if reached Mars
            if (y <= 0) {
                alert("Congratulations! You made it to Mars and created life!");
                resetGame();
            }

// Request animation frame
            requestAnimationFrame(gameLoop);
        }

// Function to draw the spaceship
        function drawSpaceship() {
            ctx.beginPath();
            ctx.moveTo(x, y);
            ctx.lineTo(x - 10, y + 30);
            ctx.lineTo(x + 10, y + 30);
            ctx.closePath();
            ctx.fillStyle = "#FF0000"; // Red color
            ctx.fill();
            ctx.strokeStyle = "#FFFFFF"; // White color
            ctx.stroke();
        }

// Function to generate random water droplets
        function drawWaterDroplets() {
            for (let i = 0; i < 5; i++) {
                const posX = Math.random() * (canvas.width - 20); // Random x position
                const posY = Math.random() * canvas.height; // Random y position

ctx.beginPath();
                ctx.arc(posX, posY, 5, 0, Math.PI * 2); // Circle shape as droplet
                ctx.closePath();
                ctx.fillStyle = "#0000FF"; // Blue color
                ctx.fill();
            }
        }

// Function to check collision between spaceship and water droplets
        function checkCollision() {
            const droplets = document.querySelectorAll("canvas");

droplets.forEach((droplet) => {
                const dropletRect = droplet.getBoundingClientRect();
                const spaceshipRect = canvas.getBoundingClientRect();

if (
                    dropletRect.x >= spaceshipRect.x &&
                    dropletRect.x <= spaceshipRect.x + spaceshipRect.width &&
                    dropletRect.y >= spaceshipRect.y &&
                    dropletRect.y <= spaceshipRect.y + spaceshipRect.height
                ) {
                    waterCollected++;
                    droplet.remove();
                }
            });
        }

// Function to display the collected water
        function displayWaterCollected() {
            ctx.font = "20px Arial";
            ctx.fillStyle = "#FFFFFF"; // White color
            ctx.fillText("Water Collected: " + waterCollected, 10, 30);
        }

// Function to reset the game
        function resetGame() {
            x = canvas.width / 2;
            y = canvas.height - 50;
            waterCollected = 0;
        }

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

Please note that this is a simplified demonstration and can be further enhanced with additional features and a more engaging visual interface.