🌌 Solar System — Planet Editor

🪐 What is This?

Solar System — Planet Editor is an interactive orbital simulation and planet customization sandbox. Take control of a fully simulated solar system with real-time orbital mechanics, dynamic planet properties, and a suite of devastating disasters!

Create your perfect planetary arrangement, tweak every detail — from orbit radius to color and moon properties — then watch the chaos unfold. Trigger asteroid impacts, solar flares, black holes, ice ages, and more, all while the planets dance in their orbits.

🎮 Controls

Action	How to Do It
Select a planet	Click on any planet in the viewport or sidebar
Edit planet properties	Use the sliders and toggles in the right panel
Zoom in/out	Scroll your mouse wheel
Pan the view	Click and drag on the canvas
Trigger a disaster	Click a disaster button in the editor panel
Pause/Resume	Click the PAUSE button
Toggle orbits	Click the ORBITS button
Toggle labels	Click the LABELS button
Adjust speed	Drag the speed slider (0.00× – ∞)

🪐 Planet Properties

Every planet in your system can be fully customized:

Property	What It Does	Range
Name	Rename any planet	Text input
Distance	Orbital radius from the sun	50–640 au
Speed	Orbital velocity	0.05–12×
Radius	Physical size of the planet	2–44 units
Color	Planet color	Color picker + presets
Rings	Toggle Saturn-style rings	On/Off
Glow	Toggle atmospheric glow	On/Off
Bands	Toggle Jupiter-style stripes	On/Off
Moon	Toggle a moon with adjustable orbit, size & speed	On/Off

💡 All changes are reflected instantly across the UI and simulation!

💥 Disaster System

Unleash catastrophe on any planet — every disaster has unique visual effects and animations:

Disaster	Icon	Duration	Visual Effect
Asteroid Impact	☄️	3.5s	Approaching asteroid → massive explosion + shockwave
Solar Flare	🔆	4.0s	Plasma tongue erupts from sun → scorches planet
Black Hole	◎	5.0s	Spacetime distortion, gravitational pull, accretion disk
Ice Age	❄️	4.5s	Planet freezes over with drifting snowflakes
Shatter	💥	3.5s	Planet cracks apart, fragments fly out, then reforms
Volcanic	🌋	5.0s	Molten cracks glow, lava particles erupt
Mega Storm	🌀	5.0s	Spiral atmospheric bands + lightning arcs
Wormhole	⊕	3.0s	Portal warps planet to a new location in the system

Each disaster has a cooldown and unique visual signature — watch the sidebar for active disaster badges!

🎨 Visual Features

• Dynamic starfield – twinkling background with parallax
• Realistic planet rendering – gradients, lighting, and atmosphere
• Orbital trails – show planetary paths
• Rings & moons – detailed Saturn-style rings and orbiting moons
• Selection/hover highlights – glow effects, borders, and labels
• Live readout – shows planet stats on hover
• Smooth animations – zoom, pan, and orbital motion
• Dark space UI – immersive, sci‑fi aesthetic with neon accents

📊 UI Features

Sidebar

• Planet list – click any planet to select and edit
• Quick stats – radius, distance, speed shown for each
• Disaster badges – active disasters displayed on the card

Editor Panel

• Identity – rename your planet
• Orbital Mechanics – distance & speed sliders
• Physical – radius slider
• Color – picker + 12 preset colors
• Features – toggle rings, glow, bands, moons
• Moon Properties – orbit, size, and speed (visible when moon is enabled)
• Disaster Grid – 8 disaster buttons with icons and labels
• Clear All Disasters – instantly remove all effects

Viewport Controls

• Speed slider – control simulation speed from 0 to ∞
• Orbits toggle – show/hide orbital paths
• Labels toggle – show/hide planet names
• Pause/Play – freeze or resume the simulation

🧠 Strategy & Fun

• Design your system – create a balanced or chaotic arrangement
• Experiment with disasters – each one has a unique look and feel
• Watch the chaos – combine multiple disasters on one planet
• Fine‑tune orbits – find beautiful resonant patterns
• Build a gas giant – add rings, bands, and a large moon
• Create a binary system – use the wormhole to teleport planets
• Destroy and rebuild – shatter a planet, then watch it reform

🖥️ Platforms

• Web – play directly in your browser
• Optimized for desktop with mouse controls
• Fully responsive — adapts to any window size

🛠️ Built With

Pure HTML, CSS, and JavaScript — no external libraries, no dependencies. Full canvas rendering with custom physics and particle systems.