> For the complete documentation index, see [llms.txt](https://docs.blippar.com/blippbuilder-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.blippar.com/blippbuilder-documentation/blippbuilder/blippbuilder-desktop/marker-tracking.md).

# Marker Tracking

Construction of an AR experience using image or marker tracking

{% content-ref url="/spaces/3UKy7VHRJWrNarYaMp13" %}
[Blippar Documentation Centre](https://docs.blippar.com/blippar-documentation-centre/)
{% endcontent-ref %}

## Introduction

Get started by creating a new project. A marker tracking experience is enabled when the camera detects the marker image. Move the mobile screen to the marker image to see the entire triggered experience. Sign up with [Blippar](https://docs.blippar.com/blippbuilder-documentation/blippbuilder/blippbuilder-desktop/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%2FtphDHGyiguEs5BuhO9XK%2FScreenshot%202023-04-04%20at%204.52.25%20PM.png?alt=media&amp;token=27678b3c-5d2b-4e06-961a-75da08da2cad" alt=""><figcaption><p>Blippbuilder Page</p></figcaption></figure>

* Click on **'Create A New Project'**, provide a name for your project and click **'Continue.'**

<figure><img src="https://749348736-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQE63O5x3zPZ7UyVORwnh%2Fuploads%2Fl5IU5uLjm8PSraGGXr5o%2FScreenshot%202023-04-04%20at%206.16.58%20PM.png?alt=media&amp;token=c6259b52-3737-43ea-86f8-b361fe65863e" alt=""><figcaption></figcaption></figure>

* A pop-up will appear on the screening providing you with options to select the type of AR project you wish to create.&#x20;

<figure><img src="https://749348736-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQE63O5x3zPZ7UyVORwnh%2Fuploads%2F2WQNucN0ARIQvnSQlPDq%2FScreenshot%202023-12-22%20at%201.28.54%20PM.png?alt=media&amp;token=93e19658-256d-432d-9345-f9a8d4ec746d" alt=""><figcaption><p>Type of Experience- Marker</p></figcaption></figure>

{% hint style="info" %}
Select the option **'Select Marker'**  for creating a project using image markers as triggers.
{% endhint %}

* You will be re-directed to select the maker image you want to utilise in the project.
* There are two ways to upload markers:

1. Browse and Upload: Use this option to browse and upload images from your local system.
2. Autogenerate Marker: Use this option to autogenerate a marker and blippbuilder will provide a sample marker for you to test the project.&#x20;

<figure><img src="https://749348736-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQE63O5x3zPZ7UyVORwnh%2Fuploads%2FBi6WtXIUeqGni0uvP8XK%2FScreenshot%202023-04-04%20at%206.24.04%20PM.png?alt=media&amp;token=b9d9a950-797d-46b2-95e5-58c26091a097" alt=""><figcaption><p>Autogenerated Marker</p></figcaption></figure>

{% hint style="warning" %}
You can add upto 3 markers in a single project. Use the autogenerate option to receive a sample marker in case you do not have a marker already.
{% endhint %}

{% hint style="info" %}
You can add various objects, scenes and apply required action on the objects including lighting, animation. For more information refer article [Navigating the Interface.](https://docs.blippar.com/blippbuilder-documentation/blippbuilder/blippbuilder-desktop/navigating-the-interface)
{% endhint %}

* Click 'Confirm'

<figure><img src="https://749348736-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQE63O5x3zPZ7UyVORwnh%2Fuploads%2FfEh2s1jm9TrDeoPW31A3%2FScreenshot%202023-04-04%20at%206.26.56%20PM.png?alt=media&amp;token=b7b4faf9-7a73-4b0c-93b6-f448cbc1aa0d" alt=""><figcaption><p>Design Canvas with Marker Image</p></figcaption></figure>

* Click the 'Preview' button on the top panel to check an 'In-app Preview' of the experience before you publish your creation
* 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%2FmV2HC6mCWQSPpdprnz3n%2FScreenshot%202024-01-19%20at%205.54.45%20PM.png?alt=media&amp;token=813464f8-7841-4fc7-abb1-e2154a3bc6f9" 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  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%2FcvBS9FqYChqXEMLAkr9x%2FScreenshot%202024-01-19%20at%205.53.52%20PM.png?alt=media&amp;token=5cf231fc-4c1f-48e4-94fd-2b30f06f3572" alt=""><figcaption><p>Publish Project</p></figcaption></figure>

{% hint style="info" %}
For Marker tracking the tracking is enabled on the uploaded marker.
{% endhint %}