https://websim.com/@slowglade37539231/set6-67f-explorer-3d
Bruh I didn't ask chatgpt to make that html
I ask websim to create that
And chatgpt to create prompt
Prompt example:
Create a fully 3D interactive web page titled "Set6‑67F Explorer 3D" using data from:
https://www.simplerockets.com/CelestialBodies/View/f0ojUe/Set6-67F

Requirements:

  1. Planet 3D Model:

    • Use the provided map image for the planet's surface
    • Add a semi-transparent, animated cloud layer
    • Planet rotates continuously
    • Lighting and shading to give realistic 3D effect
  2. Moons (500+):

    • Represent 500+ moons as a combination of small orbiting spheres or particle-like objects
    • Group moons into orbit rings for performance
    • Animate moons orbiting the planet with varying speeds and distances
    • Main moons (3–5 largest) are clickable, show stats: radius, gravity, atmosphere
    • Hovering over any moon shows tooltip with its name or number
  3. Planet Stats Panel:

    • Radius: 94,370 km
    • Mass: 7.3×10^26 kg
    • Surface Gravity: 5.5 m/s²
    • Rotational Period: 14 hours
    • Escape Velocity: 32.12 km/s
    • Surface Temperature: 400 K (~127 °C)
    • Atmosphere Height: 122 km
    • Scale Height: 18 km
    • Surface Air Density: 8,765 kg/m³
  4. Orbital & Surface Effects:

    • Asteroid belt with 5,000+ animated asteroids
    • Cratered surface visualized
    • Dynamic magnetic field glow effect around the planet
  5. Interactivity:

    • Zoom & rotate 3D planet
    • Click main moons to show sidebar stats
    • Hover tooltips on moons and asteroids
    • Sidebar updates dynamically with selected object info
    • Clouds animate slowly over the planet surface
  6. Visual Style:

    • Clean futuristic layout, dark mode with purple/blue highlights
    • Smooth transitions and animations
    • Responsive for desktop and tablet
    • Particle-style representation for small moons to maintain performance

Extra:
- Use modern WebSim 3D interactive elements
- Optionally highlight moon orbit paths with faint glowing lines
- Make the experience visually impressive but performant in browser

Tags
Discussion

No Upvotes

Log in in to upvote this post.