Mein erstes Deep-Dive-Projekt in die Welt der WebGL- und 3D-Webentwicklung. Ein interaktiver Echtzeit-Konfigurator für das ikonische Auto aus den „Zurück in die Zukunft“-Filmen. Ich war irgendwo im Internet über einen Auto-Konfigurator gestolpert und war ziemlich beeindruckt – natürlich musste ich probieren, ob und wie ich das irgendwie auch selbst bauen kann! Es war und ist eine sehr interessante Erfahrung mit der JavaScript-Bibliothek threeJS. Das Projekt ist noch in der Entwicklung, auch wenn ich gerade nicht mehr aktiv daran weiterarbeite.
Technische Highlights
- Aufbau einer Three.js-Szene inklusive Beleuchtungs-Setups (Environment-Maps) für realistischere Materialdarstellungen
- Programmierung einer dynamischen Kamera-Führung (Tweening/Kamerafahrten) bei der Auswahl spezifischer Fahrzeugkomponenten (Reifen, Karosserie)
- Erstellung eines UI-Overlays zur Echtzeit-Manipulation von Material-Eigenschaften (Lackfarbe, Reifen-Roughness muss noch implementiert werden)
Roadmap
- Austausch der Standard-Materialien durch PBR-Materialien (Physically Based Rendering) für Fotorealismus
- Import detailreicherer GLTF/GLB-Modelle
- mehr Effekte!!!
