Space game that you make planets but fun plus stars and planet can collect gas (easy to play)'s game

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

No:8080

1524

←

Prev Next

→

Space game that you make planets but fun plus star..ALL
Developer User4131｜Date and time 23/7/12 21:25:26
Build time 23.375 sec｜Game capacity 4.898KB｜

Script

Sure! Here's a sample game that meets your requirements:

To play the game, simply copy the above code into a single HTML file and save it with a `.html` extension. Then, you can open the file in a web browser, preferably on a smartphone, to play the game. In this game, the goal is to collect gas from the planets by moving the spaceship (controlled by the player) over the stars. Each planet initially has no gas, but as you collect gas from stars, the planet's gas level increases. When a planet collects 5 units of gas, you will earn points and the planet disappears. Keep collecting gas from different planets to increase your score. The spaceship movement is not explicitly implemented here, but you can imagine moving your finger on the smartphone screen to control the spaceship and collect the stars. Enjoy playing this simple space planet game!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a sample game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Space Planet Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const planets = [];
        const stars = [];
        let score = 0;

function drawPlanet(x, y, radius, color) {
            ctx.beginPath();
            ctx.arc(x, y, radius, 0, Math.PI * 2);
            ctx.fillStyle = color;
            ctx.fill();
            ctx.closePath();
        }

function drawStar(x, y, radius, color) {
            ctx.beginPath();
            ctx.arc(x, y, radius, 0, Math.PI * 2);
            ctx.fillStyle = color;
            ctx.fill();
            ctx.closePath();
        }

function createPlanet() {
            const x = Math.random() * canvas.width;
            const y = Math.random() * canvas.height;
            const radius = Math.random() * 30 + 10;
            const color = getRandomColor();

const planet = { x, y, radius, color, gas: 0 };
            planets.push(planet);
        }

function createStar() {
            const x = Math.random() * canvas.width;
            const y = Math.random() * canvas.height;
            const radius = Math.random() * 5 + 5;
            const color = "yellow";

const star = { x, y, radius, color };
            stars.push(star);
        }

function getRandomColor() {
            const letters = '0123456789ABCDEF';
            let color = '#';
            for (let i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }

function collectGas(index) {
            const planet = planets[index];
            planet.gas++;
            if (planet.gas >= 5) {
                score += planet.gas;
                planets.splice(index, 1);
            }
        }

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

planets.forEach((planet, index) => {
                drawPlanet(planet.x, planet.y, planet.radius, planet.color);

if (planet.gas < 5) {
                    ctx.font = "12px Arial";
                    ctx.fillStyle = "white";
                    ctx.fillText(`Gas: ${planet.gas}/5`, planet.x - planet.radius - 10, planet.y - planet.radius - 5);
                } else {
                    ctx.font = "16px Arial";
                    ctx.fillStyle = "white";
                    ctx.fillText("Collected!", planet.x - planet.radius - 15, planet.y - planet.radius - 5);
                }
            });

stars.forEach(star => {
                drawStar(star.x, star.y, star.radius, star.color);
            });

ctx.font = "20px Arial";
            ctx.fillStyle = "white";
            ctx.fillText(`Score: ${score}`, 20, 30);
            
            requestAnimationFrame(draw);
        }

function startGame() {
            setInterval(() => {
                createPlanet();
            }, 1000);

setInterval(() => {
                createStar();
            }, 2000);

setInterval(() => {
                checkCollision();
            }, 100);

draw();
        }

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

To play the game, simply copy the above code into a single HTML file and save it with a `.html` extension. Then, you can open the file in a web browser, preferably on a smartphone, to play the game.

In this game, the goal is to collect gas from the planets by moving the spaceship (controlled by the player) over the stars. Each planet initially has no gas, but as you collect gas from stars, the planet's gas level increases. When a planet collects 5 units of gas, you will earn points and the planet disappears. Keep collecting gas from different planets to increase your score.

The spaceship movement is not explicitly implemented here, but you can imagine moving your finger on the smartphone screen to control the spaceship and collect the stars.

Enjoy playing this simple space planet game!