3d solar system game's game

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

No:24019

←

Prev Next

→

3d solar system game
Developer User11250｜Date and time 23/11/5 7:35:35
Build time 40.687 sec｜Game capacity 2.441KB｜

Script

Sure! Here's a simple 3D solar system game implemented as a single HTML file using JavaScript:

When you open the HTML file in a web browser, it will display a canvas with a representation of the solar system. The sun is depicted as a yellow circle at the center, and there are four planets (Mercury, Venus, Earth, and Mars) orbiting around it. Each planet is represented by a different color circle, and they move at different speeds and distances from the sun. You can view and interact with the solar system game on your smartphone by opening the HTML file (which contains the entire game) in a mobile web browser. No need to reply. Have fun playing!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple 3D solar system game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>3D Solar System Game</title>
    <style>
        #canvas {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <canvas id="canvas"></canvas>

const sun = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            radius: 50,
            color: 'yellow',
        };

const planets = [
            { name: 'Mercury', radius: 10, distance: 100, speed: 0.01, color: 'brown' },
            { name: 'Venus', radius: 15, distance: 150, speed: 0.007, color: 'orange' },
            { name: 'Earth', radius: 20, distance: 200, speed: 0.005, color: 'blue' },
            { name: 'Mars', radius: 18, distance: 250, speed: 0.003, color: 'red' },
        ];

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

function drawPlanet(planet) {
            const angle = planet.speed * Date.now();

const x = sun.x + planet.distance * Math.cos(angle);
            const y = sun.y + planet.distance * Math.sin(angle);

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

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawSun();
            planets.forEach(drawPlanet);

requestAnimationFrame(draw);
        }

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

You can view and interact with the solar system game on your smartphone by opening the HTML file (which contains the entire game) in a mobile web browser. No need to reply. Have fun playing!