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.