# Voyager Skins

{% hint style="success" %}
We can provide a Figma template for Mini-games skins upon request.

Please note that any images exported from the template must be compressed before uploading them to the BO. You can use [\[this link\]](https://tinypng.com/) to compress your images.

For further assistance, please contact your Customer Success Manager!
{% endhint %}

For the **'Voyager,'** you need to upload a set of images using the reference package from the archive. Below you can find our global skins, which are available in the Back Office. If you'd like to customize them, you can use the reference packages provided:

{% file src="/files/1hMgqsbJTJp81e4hZiHU" %}

<figure><img src="/files/WGH8oBGu9MW9ipcxi4H8" alt="" width="375"><figcaption></figcaption></figure>

{% file src="/files/xaAL95Qf3MYgrSXO80x8" %}

<figure><img src="/files/zzoR8fjoMOTDdtQlcxRU" alt="" width="375"><figcaption></figcaption></figure>

{% file src="/files/0xjeZPJltgJQxtsbLcKt" %}

<figure><img src="/files/tZ5HphewMAMSSGWPjc7B" alt="" width="375"><figcaption></figcaption></figure>

{% file src="/files/gyv2pYEol7KNSmr3xGM7" %}

<figure><img src="/files/6CedWphLyyQ1eT30YGpI" alt="" width="375"><figcaption></figcaption></figure>

{% file src="/files/TsfAHOYhuXk9fGx37RfZ" %}

<figure><img src="/files/Ml6Rh0USynNCNhTN8Syz" alt="" width="375"><figcaption></figcaption></figure>

{% file src="/files/1H9Wi4RN048Zi9r6zOAj" %}

<figure><img src="/files/RMsylPszrkRAgwyaEHVI" alt="" width="375"><figcaption></figcaption></figure>

{% file src="/files/jNXoIUCr1hZWAru5HGzB" %}

<figure><img src="/files/oEzxRg2FZYM3utj34WD8" alt="" width="375"><figcaption></figcaption></figure>

### Animated Main Object

Voyager supports animated main objects. You can make the main moving object (plane, boat, car, etc.) animated using sprite animation instead of a static image. This allows you to create more dynamic and visually engaging game experiences.

<figure><img src="/files/avcmX1e2nCZMHvEKjsuL" alt=""><figcaption></figcaption></figure>

**What is Sprite Animation?**

Sprite animation is a technique where multiple frames are combined into a single image file (sprite sheet).
 These frames are displayed sequentially to create the illusion of movement.\
Instead of uploading separate images, all animation frames must be merged into one sprite sheet.4

<figure><img src="/files/yRFn82UlvkoyHWAAogw6" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/zwNlvQJpRpa9mZttfWE5" alt=""><figcaption></figcaption></figure>

**Technical Requirements**

Each frame must be exactly 400 x 400 pixels.

All frames must have:

* The same width and height
* The object positioned consistently (no shifting between frames)
* Background should remain transparent (if required by your template)

Consistency is critical. If one frame has a different size or alignment, the animation will appear to “jump.”

**How to Prepare the Animation**

1. First, create the sprite animation frame by frame.

<figure><img src="/files/gANNiqVteFhTifbxVgoH" alt=""><figcaption></figcaption></figure>

2. Each frame must be 400 × 400 px.
3. All frames must have identical dimensions and alignment.
4. After all frames are ready, combine them into one single image (sprite sheet).

<figure><img src="/files/uz0gQsmbUGsDvf9T4hro" alt=""><figcaption></figcaption></figure>

5. Save and export the final sprite sheet.
6. Upload the sprite sheet as picture for the main object asset.

<figure><img src="/files/3RxfP13MuMgPnnbEbKqw" alt=""><figcaption></figcaption></figure>


---

# 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://help.smartico.ai/welcome/products/mini-games/custom-skins-for-mini-games/voyager-skins.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.