Pull Request WTW - Augmented Reality im Web (#132)

* changes

* add AugmentedRealityWeb

* change Room to 3.217

_workshops/2024/Augmented-Reality-Web/index.md

@@ -0,0 +1,59 @@
+---
+layout: workshop
+titel: Augmented Reality im Web mit Three.js
+social-media-untertitel: Workshop am 11. Juni 2024
+datum: 2024-06-11
+modul: wt
+published: true
+autor: Methusshan Elankumaran
+bild: ../thumbnail.png
+bildcredits: "Bild von https://pixabay.com/de/photos/hmd-cyberbrille-cyber-brille-4140960/"
+art: workshop
+termin: Dienstag, 11. Juni 2024, 13:00 Uhr
+dauer: ~120 Minuten
+raum: 3.217
+---
+
+# Workshop Augmented Reality im Web mit Three.js
+
+> 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
+
+
+## Zielgruppe
+
+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.
+
+
+## Voraussetzungen
+
+Die Teilnehmenden sollten folgendes mitbringen:
+
+* HTML
+* CSS
+* Javascript
+* Git
+
+_(Es sind keine Kenntnisse im Bereich 3D-Rendering erforderlich)_
+
+
+## Technische Vorbereitung
+* [VS Code](https://code.visualstudio.com/) 
+* [NodeJS umgebung mit npm](https://nodejs.org/en)
+* 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](https://dev.to/nimajafari/remote-debugging-using-google-chrome-on-ios-devices-with-macos-ca9) und [Android/Windows](https://dev.to/nimajafari/remote-debugging-using-google-chrome-on-android-devices-with-windows-2630).
+
+
+## Material
+
+* [Repository](https://github.com/Methusshan25/AugmentedRealityWeb)