How roshan-in/astroverse works
AstroVerse is a set of interactive space-learning pages rather than an integrated homepage: visitors choose a page and explore 3D solar-system views, mission content and a quiz, cosmic facts, or visual effects. The README maps each page to its script and styles; sampled JavaScript shows the main interactions, rendering, texture loading, and browser-based quiz records. The Solar System and Planet Explorer use Three.js from a CDN. The effects preview is described as still in development. Relationships not shown in excerpts are based only on README documentation.
Main entry points: solar-system.html Solar System Page · solar-system.js Orbital Scene · planet-explorer.html Explorer Page · explorer.js Planet Viewer
Components 19
Solar System
- Solar System Page
solar-system.html - Orbital Scene
JavaScript/solar-system.js - Planet Textures
assets/textures/solar-system - Solar Styles
CSS/solar-system.css
Planet Explorer
- Explorer Page
planet-explorer.html - Planet Viewer
JavaScript/explorer.js - Explorer Styles
CSS/explorer.css
Missions and Quiz
- Missions Page
space-missions.html - Quiz and Progress
JavaScript/missions.js - Browser Storage
- Mission Styles
CSS/missions.css
Cosmic Discoveries
- Discoveries Page
cosmic-discoveries.html - Fact Filters
JavaScript/cosmic-discoveries.js - Discovery Styles
CSS/cosmic-discoveries.css
Effects Preview
- Effects Preview
effects-preview.html - Visual Effects
JavaScript/cosmic-effects.js - Effects Styles
CSS/cosmic-effects.css
Other components
- Visitor
- Three.js CDN
Connections 21
- Visitor → Solar System Page: opens
README.md - Solar System Page → Orbital Scene: starts
README.md - Solar System Page → Solar Styles: uses styles
README.md - Orbital Scene → Planet Textures: loads textures
JavaScript/solar-system.js - Orbital Scene → Three.js CDN: imports
JavaScript/solar-system.js - Visitor → Explorer Page: opens
README.md - Explorer Page → Planet Viewer: starts
README.md - Explorer Page → Explorer Styles: uses styles
README.md - Planet Viewer → Planet Textures: loads textures
JavaScript/explorer.js - Planet Viewer → Three.js CDN: imports
JavaScript/explorer.js - Visitor → Missions Page: opens
README.md - Missions Page → Quiz and Progress: starts
README.md - Missions Page → Mission Styles: uses styles
README.md - Quiz and Progress → Browser Storage: saves records
JavaScript/missions.js - Browser Storage → Quiz and Progress: restores records
JavaScript/missions.js - Visitor → Discoveries Page: opens
README.md - Discoveries Page → Fact Filters: starts
README.md - Discoveries Page → Discovery Styles: uses styles
README.md - Visitor → Effects Preview: opens
README.md - Effects Preview → Visual Effects: starts
README.md - Effects Preview → Effects Styles: uses styles
README.md