Christina Busacker

Three.js · TypeScript · WebGL

SolarSystem

Ein leichtgewichtiger, framework-freier Solar-System-Renderer mit Fokus auf reale Skalierung & Orbitdaten, eigene GLSL-Shader und dezenten cineastischen Feinschliff.

Live Demo Github LogoGitHub Zurück
  • Framework-free
  • Custom GLSL
  • Postprocessing
  • Mobile Controls
  • Performance

Warum dieses Projekt?

SolarSystem ist als Deep Dive in modernes Web-3D entstanden: Shader, Postprocessing, Kamera-/Orbit-Steuerung, UI-Overlays und Performance-Tradeoffs, ohne Framework-Magie.

Es ist ein Lernprojekt, aber so gebaut, wie ich es shippen wollen würde: typisiert, modular und gut test-/wartbar.

Highlights

  • Echte Größenverhältnisse & Orbitdaten (mit pragmatischen Anpassungen für Usability).
  • Eigene Shader-Pipeline: u. a. Mehrfach-Shadow-Caster für Occlusion/Eklipsen.
  • Cinematic Optional: Bloom, Lens Flare, prozedurales Starfield.
  • Mobile-friendly Controls (Orbit + Pinch Zoom) + responsive UI.

Controls

Desktop

  • Orbit: Linksklick ziehen
  • Zoom: Mausrad
  • Pan: bewusst nicht unterstützt

Mobile

  • Orbit: 1 Finger
  • Zoom: Pinch (2 Finger)