Dieser Workshop bietet eine einsteigerfreundliche Einführung in das Thema 3D-Rendering und Augmented Reality. Nach dem Workshop sollten die Teilnehmenden in der Lage sein die grundlegenden Konzepte zu verstehen und mit Three.js implementieren zu können.
Während des Workshops lernen die Teilnehmer:
- Die Grundlagen des 3D-Rendering und Augmented-Reality
- Aufbau einer Rendering-Pipeline
- Berechnung von Koordinatensystemen
- Wie Trannsformationen im 3D-Space berechnet werden
- Das Konzept hinter Hit-Testing zur Platzierung von Modellen
Dieser Workshop richtete sich an Programmierer, die wenig bis gar keine Berührungspunkte mit 3D-Rendering haben und gerne eine Einführung in das Thema haben wollen.
Die Teilnehmenden sollten folgendes mitbringen:
- HTML
- CSS
- Javascript
- Git
(Es sind keine Kenntnisse im Bereich 3D-Rendering erforderlich)
- VS Code
- NodeJS umgebung mit npm
- Google Chrome auf dem Smartphone
- USB-Kabel zur Verbindung des Smartphones mit dem Rechner
- Git
Vorab sollte gewährleistet sein, dass USB-Debugging freigeschaltet ist. Hier Tutorials zur Umsetzung in iOS/MacOS und Android/Windows.
Um ein Aufgabenprojekt zu starten:
npm install
npm run dev