| ... | @@ -10,6 +10,8 @@ In diesem Tutorial bauen Sie eine Web-App, die mithilfe von Augmented Reality ei |
... | @@ -10,6 +10,8 @@ In diesem Tutorial bauen Sie eine Web-App, die mithilfe von Augmented Reality ei |
|
|
- Ein 3D-Modell über einem Live-Kamerabild anzeigen
|
|
- Ein 3D-Modell über einem Live-Kamerabild anzeigen
|
|
|
- Hit-Tests ausführen, um Objekte auf entdeckten Oberflächen in der realen Welt zu platzieren.
|
|
- Hit-Tests ausführen, um Objekte auf entdeckten Oberflächen in der realen Welt zu platzieren.
|
|
|
|
|
|
|
|
|
Am Ende dieses Tutorials werden Sie in der Lage sein, eine ähnliche App wie diese [Demo ](https://transfer.hft-stuttgart.de/pages/muhammad.alfakhori/ar/index.html)zu erstellen.
|
|
|
|
|
|
|
## Was Sie benötigen werden?
|
|
## Was Sie benötigen werden?
|
|
|
- Eine Arbeitsstation zum Codieren
|
|
- Eine Arbeitsstation zum Codieren
|
|
|
- Ein ARCore-fähiges Android-Gerät mit Android 8.0 Oreo
|
|
- Ein ARCore-fähiges Android-Gerät mit Android 8.0 Oreo
|
| ... | @@ -18,7 +20,7 @@ In diesem Tutorial bauen Sie eine Web-App, die mithilfe von Augmented Reality ei |
... | @@ -18,7 +20,7 @@ In diesem Tutorial bauen Sie eine Web-App, die mithilfe von Augmented Reality ei |
|
|
- Ein Webserver mit https-Unterstützung
|
|
- Ein Webserver mit https-Unterstützung
|
|
|
- Grundkenntnisse in HTML, CSS, JavaScript und den Google Chrome Developer Tools.
|
|
- Grundkenntnisse in HTML, CSS, JavaScript und den Google Chrome Developer Tools.
|
|
|
|
|
|
|
|
# **Step 1 - Server**
|
|
# **Server-Setup**
|
|
|
Um Ihre AR-Web-App hosten zu können, benötigen Sie einen Server mit https-Unterstützung. Sie können die HfT GitLab-Seiten verwenden, dafür folgen Sie bitte dem Tutorial und führen Sie die folgenden Änderungen wie beschrieben durch.
|
|
Um Ihre AR-Web-App hosten zu können, benötigen Sie einen Server mit https-Unterstützung. Sie können die HfT GitLab-Seiten verwenden, dafür folgen Sie bitte dem Tutorial und führen Sie die folgenden Änderungen wie beschrieben durch.
|
|
|
|
|
|
|
|
Nachdem Sie das Projekt erstellt haben, ist es wichtig, geringfügige Änderungen an der **.gitlab-ci.yml** vorzunehmen, damit die Website ordnungsgemäß funktioniert. Sie können die Funktion Im **Pipeline-Editor** bearbeiten verwenden, die in blauer Farbe angezeigt wird. Die finale Datei sollte wie folgt aussehen:
|
|
Nachdem Sie das Projekt erstellt haben, ist es wichtig, geringfügige Änderungen an der **.gitlab-ci.yml** vorzunehmen, damit die Website ordnungsgemäß funktioniert. Sie können die Funktion Im **Pipeline-Editor** bearbeiten verwenden, die in blauer Farbe angezeigt wird. Die finale Datei sollte wie folgt aussehen:
|
| ... | | ... | |
