... | ... | @@ -17,7 +17,7 @@ In this tutorial, you build a web app that places a model in the real world usin |
|
|
- A web server with https support
|
|
|
- Basic knowledge of HTML, CSS, JavaScript, and Google Chrome Developer Tools
|
|
|
|
|
|
# **Step 1 - Server**
|
|
|
# **Server Setup**
|
|
|
In order to host your AR web app you will need a server with https support. You can use the HfT Gitlab pages, for that please follow the tutorial and make the changes as described below.
|
|
|
|
|
|
After creating the project, it's important to make minor changes to the **.gitlab-ci.yml** in order for the website to work properly. You can use **Edit in Pipeline editor** function which appears in blue color. The final file should look like this:
|
... | ... | @@ -51,7 +51,7 @@ If everything works fine you will see this page: |
|
|
![image](uploads/0541a53d02eb04caa6213f6971d98e26/image.png)
|
|
|
|
|
|
|
|
|
# **Step 2 - Create an HTML page**
|
|
|
# **Simple cube in AR**
|
|
|
WebXR requires user interaction to be able to start a session. Create a button that calls **activateXR()**. Upon loading the page, the user can use this button to start the AR experience.
|
|
|
|
|
|
Edit the **index.html** and add the following HTML code to it:
|
... | ... | |