# Build a Basic Marker Tracking Experience

{% content-ref url="<https://app.gitbook.com/o/QMsd5hT6sxA9FBIB03yh/s/3UKy7VHRJWrNarYaMp13/>" %}
[Blippar Documentation Centre](https://app.gitbook.com/o/QMsd5hT6sxA9FBIB03yh/s/3UKy7VHRJWrNarYaMp13/)
{% endcontent-ref %}

## **Marker Tracking** <a href="#h_01fvh21d5yfx9y9rn96j2vc501" id="h_01fvh21d5yfx9y9rn96j2vc501"></a>

## Create a basic scene <a href="#h_01fvhfz0v8b3c7ydepb6vsrf7v" id="h_01fvhfz0v8b3c7ydepb6vsrf7v"></a>

* Login to your PlayCanvas Account OR you can alternatively click the link to fork this PlayCanvas [Marker Tracking](https://playcanvas.com/project/859368/overview/marker-tracking) project
* Click **'Editor'** to open the project in PlayCanvas Editor as shown in the image below:

<figure><img src="https://2886719054-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqVKCSCzJmvbknXbHtARJ%2Fuploads%2Fgit-blob-0dea275a6e2339061fec9dcd9ecc5a7c892db407%2FScreenshot%202023-03-02%20at%203.27.26%20PM.png?alt=media" alt=""><figcaption><p>PlayCanvas Editor</p></figcaption></figure>

* Select the **Main** Scene
* Click the gear icon to open Main settings as show in the image below:
* A pop-up will appear as an instructor panel on the right side of the screen
* Click on **'External Scripts'**
* A URLs pop-up will appear on the screen with a sample license key as shown in the image below:

<figure><img src="https://2886719054-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqVKCSCzJmvbknXbHtARJ%2Fuploads%2Fgit-blob-8ed02b718a86a663b0dc47c3583197802d86a6f6%2FScreenshot%202023-03-02%20at%203.28.34%20PM.png?alt=media" alt=""><figcaption></figcaption></figure>

* In the left **'Hierarchy'** panel select the **Root** Entity
* In the right Inspector Panel, click the **'arrow'** next to WebarSdkSurface '**Script'** component aand make sure the following the following details are entered:
* Ensure the *Camera* Entity is selected under the **Webar Camera** field
* Enter the number (maximum 10) of marker images to be tracked in the **MarkerEntityMap**'s **Array Size** field. Each array object has a map of Marker Id with the Entity to be displayed on the marker image when scanning.
* In the forked example, replace the sample Marker Ids (dddddddd-uuuu-mmmm-mmmm-yyyyyyyy1111 and dddddddd-uuuu-mmmm-mmmm-yyyyyyyy2222) with valid Marker Ids obtained from the Marker Manager in the Blippar hub.
* For more information refer [this article](https://support.blippar.com/hc/en-us/articles/4410413461011-Building-a-Basic-Marker-Tracking-Experience)[ ](https://docs.blippar.com/webar-sdk/v.1.7.0/integrations/a-frame-integration/build-a-marker-tracking-experience)on how to Add Marker and Manage Marker
* Click **Publish/Download** from the left panel and download the project
* Host it on a local/remote HTTPS web server
* You can alternatively host it on a server having the same domain name as the one for which the license key is registered.
* For more information refer article [develop locally](https://support.blippar.com/hc/en-us/articles/4407844463763-Develop-Locally)[ ](https://docs.blippar.com/webar-sdk/v.1.7.0/publish-your-creation/develop-locally)to setup a local HTTPS web server.

## View The Experience

Load the URL on a mobile browser(iOS Safari or Android Chrome) to start scanning the marker images to experience Marker Tracking


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.blippar.com/webar-sdk/v.1.7.0/integrations/playcanvas-integration/build-a-basic-marker-tracking-experience.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.