# Surface Tracking

## Introduction

Get started by creating a new project. A surface tracking experience is enabled on flat/plain surface and the objects will appear on the surface. Sign up with [Blippar](https://www.blippar.com) and create your account.

## Process

Follow the steps below top create a project in Blippbuilder:

* Login to [HUB](https://accounts.blippar.com/signup/free)
* Click on the **'Use Blippbuilder'** option from the **‘Blippbuilder’** panel as shown below:

<figure><img src="https://749348736-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQE63O5x3zPZ7UyVORwnh%2Fuploads%2FudnupkOP51miDClgHnet%2FAa1.png?alt=media&#x26;token=62de981f-211d-4b53-9042-811a11f9247f" alt=""><figcaption><p>Product Choice</p></figcaption></figure>

* You will be redirected to the **Blippbuilder Home** page

<figure><img src="https://749348736-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQE63O5x3zPZ7UyVORwnh%2Fuploads%2FB7OABVHdYFdxlmCk5KYG%2FAa2.png?alt=media&#x26;token=49f6052c-2242-4ca2-bd63-a8e1b93c8884" alt=""><figcaption></figcaption></figure>

* Click **'Create a New Project'** and provide a suitable name for your project. For eg: Surface tracking Experience. Click **'Continue'.**

<figure><img src="https://749348736-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQE63O5x3zPZ7UyVORwnh%2Fuploads%2FHcPpnXAQUiUIPuB5fPJI%2FAa3.png?alt=media&#x26;token=2149a043-9585-4c76-bdf5-434abfd52468" alt=""><figcaption><p>Name the Project</p></figcaption></figure>

* Choose the type of experience you want to create. In this example, click 'Select Surface' as shown below:

<figure><img src="https://749348736-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQE63O5x3zPZ7UyVORwnh%2Fuploads%2FwdetTlyPlZ7ULHfaNr0D%2FScreenshot%202024-01-19%20at%205.44.57%20PM.png?alt=media&#x26;token=ade74442-55a0-43ba-a0ba-fef139bcd0f0" alt=""><figcaption><p>Select Surface</p></figcaption></figure>

* You will be redirected to the Blippbuilder Design Canvas
* Add an asset: For eg: Add a sofa as shown in the image below:

<figure><img src="https://749348736-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQE63O5x3zPZ7UyVORwnh%2Fuploads%2FnBHF3VU9ETsfzB9BUiGr%2FScreenshot%202024-01-19%20at%205.21.38%20PM.png?alt=media&#x26;token=231b4694-9cf4-44c3-8b94-36f348e36167" alt=""><figcaption><p>Add Assets</p></figcaption></figure>

{% hint style="info" %}
You can add various objects, scenes and apply required action on the objects including lighting, animation
{% endhint %}

* Click the 'Preview' button on the top panel to check an 'In-app Preview' of the experience before you publish your creation

<figure><img src="https://749348736-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQE63O5x3zPZ7UyVORwnh%2Fuploads%2FKlWZrSmMoSipOuxH5Ysf%2FScreenshot%202024-01-19%20at%205.30.00%20PM.png?alt=media&#x26;token=8bb13102-d38b-4798-ab14-7c0da2cc546f" alt=""><figcaption><p>In-app Preview</p></figcaption></figure>

* Click **'Test on Device'** to create a test project link. A test project is created which can be accessed by scanning the QR code displayed on the screen

<figure><img src="https://749348736-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQE63O5x3zPZ7UyVORwnh%2Fuploads%2FvAHVs7OUe0egifKeHyWd%2FScreenshot%202024-01-19%20at%205.29.39%20PM.png?alt=media&#x26;token=3b590939-e80a-42b0-9c14-212ce0553cae" alt=""><figcaption><p>Preview Project</p></figcaption></figure>

{% hint style="warning" %}
The 'Test Project' link is active only for a period of 20 minutes
{% endhint %}

* Click 'Publish' to make the project 'Live'. The Status of the project will appear as **'Live'** if published. Scan the QR code on the screen to test the published project. Apply this QR code on all surfaces from which you desire the AR Experience to be triggered.

<figure><img src="https://749348736-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQE63O5x3zPZ7UyVORwnh%2Fuploads%2Fda2drL4uQB1HFqz3dQFY%2FScreenshot%202024-01-19%20at%205.34.22%20PM.png?alt=media&#x26;token=3a62349f-5934-4829-98b1-b312df904ac6" alt=""><figcaption><p>Publish Project</p></figcaption></figure>

{% hint style="info" %}
For surface tracking the tracking is enabled on flat/plain surface.
{% endhint %}