---
description: Learn how to customize your loading screen animation
---

# Customize Loading Screen

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

## Introduction <a href="#h_01gd0n57h8bpephrthwm7s5qjz" id="h_01gd0n57h8bpephrthwm7s5qjz"></a>

This guide provides a walkthrough on the process of customizing the loading screen using Unity engine.

{% hint style="info" %}
This is a custom feature
{% endhint %}

## **Customize Loading Screen**

Blippar Unity SDK package allows you to customize your API. There are several SDK attributes that you can define for customization. This API can be applied for customizing the loading screen animation to display any logo image, size, colour, progress ring, ring colour instead of displaying the default loading screen. For example: and many more.

To customize the loading screen animation follow the steps below:

* Click on the **'Blippar' Menu** tab and from the drop-down, select the option **'Loading Screen'.**

<figure><img src="https://content.gitbook.com/content/MNoA4M7dz4DXv12sDZUk/blobs/utVlfBYqHtmeJ4c0sic3/Screenshot%202023-03-02%20at%203.23.26%20PM.png" alt=""><figcaption><p>Loading Screen</p></figcaption></figure>

* The loading screen tab will be displayed on the screen
* A default template will be selected as the template that would be used for generating the build.
* You can use the default template as a base and modify to create new templates. You can also choose to create as many templates as required.
* Provide the name of the logo and store the required assets into the Assets/WEBGLTemplates/Blippar/images. This is the folder location in which the image files must be stored in order to effectively trigger the customized animation.
* Enter the details of customization for logo width, height, progress dot ring scale, ring colour, alert border colour etc based on your requirement.
* Click on 'Save Template' to save the modified as the default. You can alternatively select the option to 'Save as new Template'. Refer image below:

<figure><img src="https://content.gitbook.com/content/MNoA4M7dz4DXv12sDZUk/blobs/tHnJWRTOvHwZ8yWP0aNV/Screenshot%202023-03-02%20at%203.24.37%20PM.png" alt=""><figcaption><p>Save Template</p></figcaption></figure>

## Customize Tracking Animation

You can customize the tracking animation.

* Click on the 'Blippar' Menu tab and from the drop-down, select the option 'Loading Screen'.
* The loading screen tab will be displayed on the screen
* A default template will be selected as the template that would be used for generating the build.
* You can use the default template as a base and modify to create new templates. You can also choose to create as many templates as required.
* Navigate to the 'Tracking Animation URL' field and provide the animation url [https://lottiefiles.com/](https://lottiefiles.com/)
* Click on 'Save Template' to save the modified as the default. You can alternatively select the option to 'Save as new Template'. Refer image below:
