Back to Index
Full-Stack Web
2026·Completed

Universe Interactive (Solar Explorer)

Astronomy Calculation & Planetary Physics Engine

HTML5CSS3JavaScriptThree.jsGSAPNASA Data
Universe Interactive (Solar Explorer)
↳ Interactive animation + Planetary Physics + Astronomy API
Project overview

The problem it solves

Space-themed interactive website with scroll-triggered animations, planetary age calculation across all solar system bodies based on authentic NASA orbital velocities, live astronomy data via REST API, and persistent dark/light mode toggle.

SpecificationPlanetary-age calculations
SpecificationThree.js solar-system view
SpecificationCanvas starfield

How it works

Browser application calculating planetary ages from orbital-period ratios, with a Three.js solar-system view and astronomy content.

Main flow
  1. 01

    User Birthdate Input

  2. 02

    Orbital Mechanics Calculation Matrix

  3. 03

    Dynamic Canvas Starfield & Planet Render Loop

  4. 04

    Planetary Age & Next Birthday Countdown Output

Key components
Planetary-age calculator

Converts elapsed time using the configured orbital-period ratios for the displayed solar-system bodies.

Visualizer & Canvas

Procedurally generated HTML5 starfield particle effect.

Next Project

ALPAY — E-Wallet System

Console-Based Digital Wallet in Pure C

Explore Next Case