Quick Start - AR with 8thwall
AR with 8thwall
Wonderland Engine comes with an integration with the 8thwall AR tracking framework, which provides SLAM tracking, but also other AR tracking methods like image- or face tracking.
In this tutorial, we will set up the 8thwall integration and make the camera follow the movement of a mobile phone.
We continue where we left off in Getting Started.
AR Settings
The 8thwall integration is enabled in the “Project Settings”. You will find these via the Menu “Views > Project Settings”.
This opens the “Project Settings” view on the right side of the window:
Open the “AR” panel, and for “framework” select “8thwall”. This enables the “apiToken” field, in which you should paste the API token from the 8thwall backend. Follow 8thwalls guide on how to retrieve it.
Under “rendering” set the clear color “alpha” (A:
) value to 0 to ensure the background
is transparent:
AR Camera
Select the “Camera” object and add a “8thwall-camera” component.
Viewing on the Phone
Follow Chrome’s guide on how to remote debug devices.
Finally, forward port 8080
following this Chrome Port Forwarding Guide.