Überblick
Interaktiver 3D-Simulator, der Tennisschläge auf Basis einer selbst entwickelten Physik-Engine (Luftwiderstand, Magnus-Effekt, Bounce-Modell) berechnet und in einer Three.js-Szene visualisiert. Geschwindigkeit, Winkel, Topspin, Sidespin und Umgebungsparameter wie Wind, Belag und Tageszeit lassen sich live verändern – inklusive Trajektorien-Vorschau, Rally-Modus, Parameter-Sweeps und Replay mit mehreren Kameramodi.
Eindrücke
Meine Erfahrungen
- • Multi-Agent-Workflows mit Claude Code erprobt
- • Physik-Engine in TypeScript von Grund auf
- • 3D-Rendering mit Three.js
Technologien
- Angular 21
- TypeScript
- Three.js
- RxJS / Signals
- Vitest
- SCSS
Features
- • Physik-Engine — Luftwiderstand, Magnus-Effekt, belagsabhängiger Bounce
- • Trajektorien-Vorschau — in Echtzeit, plus Replay mit Seek und variabler Geschwindigkeit
- • Kameras & Audio — 5 Perspektiven, Aufprall-Sounds je nach Belag
- • 3D-Stadion — Beleuchtungs-Presets und konfigurierbares Wetter
- • Rally-Modus — Spieler vs. Gegner mit Outcome-Klassifikation
- • Shot-Vergleich — Snapshots mit Flugzeit, Reichweite, max. Höhe
- • Parameter-Sweep — mehrere Schläge auf einen Blick vergleichen