Solar System Simulation w Three.js
Stworzyłam wiele lat temu aplikację typu Solar System Simulation w Three.js, która przedstawia Układ Słoneczny w formie interaktywnej, trójwymiarowej sceny. Projekt łączy wizualizację, animację i prostą obsługę użytkownika, dzięki czemu można nie tylko oglądać planety, ale też swobodnie eksplorować cały układ z perspektywy kamery.
Rdzeniem projektu jest Three.js, czyli biblioteka do budowania grafiki 3D w przeglądarce. Scena zawiera Słońce jako centralny punkt oraz planety poruszające się po orbitach, a kamera i renderer odpowiadają za wyświetlanie i płynne renderowanie obrazu w czasie rzeczywistym. Animacja działa w pętli, która aktualizuje pozycje planet na podstawie ich ruchu orbitalnego. Dzięki temu każda planeta porusza się niezależnie, z własnym tempem i po swojej trasie, co daje efekt ciągłego, dynamicznego symulowania ruchu ciał niebieskich.
Jedną z ważniejszych funkcji jest kontrola kamery. W widocznym demo użytkownik może przybliżać i oddalać widok kółkiem myszy oraz obracać scenę przez przeciąganie kursorem, co odpowiada klasycznemu modelowi nawigacji znanemu z Three.js. Taki mechanizm znacząco poprawia użyteczność aplikacji, ponieważ użytkownik nie jest ograniczony do jednej, z góry ustalonej perspektywy. W projektach tego typu kamera staje się narzędziem eksploracji, a nie tylko statycznym punktem obserwacyjnym.
Projekt otrzymał również wyróżnienie w Chrome Experiments Googla.