-
Notifications
You must be signed in to change notification settings - Fork 39
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Pull Request WTW - Augmented Reality im Web (#132)
* changes * add AugmentedRealityWeb * change Room to 3.217
- Loading branch information
1 parent
81f0802
commit 136ed1c
Showing
2 changed files
with
59 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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) |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.