Skip to content

Latest commit

 

History

12 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Solar System Explorer ✨

An interactive, browser-based visualization of the solar system built with HTML, CSS, and vanilla JavaScript. Explore planets and major moons in a polished 3D scene: drag to rotate the view, click bodies to reveal facts, toggle orbits and satellites, and adjust animation speed. 🚀🪐

Features 🌟

  • Interactive info panel for the Sun, 8 planets, and notable moons. 🧭
  • Drag-to-rotate perspective with smooth easing and Reset View. 🖱️
  • Speed control (0.5x/1x/2x) for orbits and rotations. ⏱️
  • Toggle orbit paths and satellite visibility. 🛰️
  • Responsive layout, glow effects, and animated starfield background. ✨
  • Dependency‑free: loads instantly on any modern browser. ⚡

Tech Stack 🧰

  • HTML5 for structure and controls.
  • Modern CSS for 3D transforms, animations, and responsive design.
  • Vanilla JavaScript for state, interaction logic, and data rendering.

Getting Started 🏁

  1. Clone the repo:
  2. Open index.html in a modern browser (Chrome, Edge, Firefox, Safari). 🌐

Usage 🕹️

  • Drag anywhere on the scene to rotate the system.
  • Click a planet or moon to open its info panel.

Controls 🎛️

  • Reset View
  • Speed: cycle 1x → 2x → 0.5x
  • Show/Hide Orbits
  • Show/Hide Satellites

Shortcuts ⌨️

  • Space: cycle speed
  • O: toggle orbits
  • S: toggle satellites
  • R: reset view
  • Esc: close info panel

Project Structure 🗂️

  • index.html — Scene markup and control panel.
  • style.css — Visual styles, starfield, orbits, animations.
  • script.js — Data model, interactions, rotation logic, UI updates.

Contributing 🤝

  • Issues and PRs are welcome.
  • Please include clear steps, screenshots/GIFs for UI changes, and keep code dependency‑free.

License 📄

This project is licensed under the Apache License 2.0. See the LICENSE file for details.

Author & Links 🔗


LICENSE — Apache License, Version 2.0

Copyright (c) 2025 Your Name

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at:

http://www.apache.org/licenses/LICENSE-2.0

About

An interactive, browser-based visualization of our solar system built with HTML, CSS, and vanilla JavaScript. Explore planets and major moons in a polished 3D scene. The project focuses on clear UX, smooth CSS animations, and responsive layout for desktop and mobile.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages