> For the complete documentation index, see [llms.txt](https://doc.lucky-cycle.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.lucky-cycle.com/games/index/short.md).

# Short

{% hint style="warning" %}
Demo: <https://campaigns.lucky-cycle.com/utils/games?game=short>
{% endhint %}

1. [#configuration](#configuration "mention")
2. [#options](#options "mention")
3. [#assets](#assets "mention")

### Configuration

<details>

<summary>JSON</summary>

```json
{
    "options": {
        "game": {
            "width": 400,
            "height": 400,
            "use_reward_image": true
        },
        "images": {
            "cover": {
                "x": 0,
                "y": 0,
                "z": 0
            }
        },
        "animations": {
            "iddle": {
                "x": 0,
                "y": 0,
                "z": 1,
                "width": 400,
                "height": 400,
                "nbImages": 1,
                "duration": 3000,
                "loop": true
            },
            "win": {
                "x": 0,
                "y": 0,
                "z": 0,
                "width": 400,
                "height": 400,
                "nbImages": 48,
                "duration": 2000,
                "loop": false
            },
            "lose": {
                "x": 0,
                "y": 0,
                "z": 0,
                "width": 400,
                "height": 400,
                "nbImages": 48,
                "duration": 2000,
                "loop": false
            }
        }
    },
    "texts": {
      "en": {},
      "fr": {},
      "nl": {}
    },
    "images": {
      "sprite_iddle": GAME_URL + "/iddle.png",
      "sprite_win": GAME_URL + "/win.png",
      "sprite_lose": GAME_URL + "/lose.png",
      "sprite_cover": GAME_URL + "/overlay.png",
      "rewards": {}
    }
}
```

</details>

### Options

<table><thead><tr><th>Key</th><th>Type</th><th width="189">Explanation</th><th>Default</th></tr></thead><tbody><tr><td><pre><code>width
</code></pre></td><td>Integer</td><td>Width of the canvas.</td><td>400</td></tr><tr><td><pre><code>height
</code></pre></td><td>Integer</td><td>Height of the canvas.</td><td>400</td></tr><tr><td><pre><code>use_reward_image
</code></pre></td><td>Boolean</td><td>Tells the game to use the reward image, or a default one (both must be provided).</td><td>true</td></tr></tbody></table>

{% hint style="danger" %}
Other options shouldn't be edited unless you know what you're doing!
{% endhint %}

### Assets

<table><thead><tr><th>Key</th><th>Size</th><th>Explanation</th><th>Default</th></tr></thead><tbody><tr><td><pre><code>sprite_iddle
</code></pre></td><td>400 x 400px</td><td>Top image before clicking on the game (should be 1 frame).</td><td><a href="https://statics.lucky-cycle.com/files/_games/short/iddle.png">/iddle.png</a></td></tr><tr><td><pre><code>sprite_win
</code></pre></td><td><mark style="color:red;">(400 * number of frames)</mark> x 400px</td><td>Image displayed once the game started, in case of a <em>win</em> <mark style="color:orange;">and if use_reward_image is set to false</mark> (should have <strong>many</strong> frames).</td><td><a href="https://statics.lucky-cycle.com/files/_games/short/win.png">/win.png</a></td></tr><tr><td><pre><code>sprite_lose
</code></pre></td><td><mark style="color:red;">(400 * number of frames)</mark> x 400px</td><td>Image displayed once the game started, in case of a <em>lose</em> (should have <strong>many</strong> frames).</td><td><a href="https://statics.lucky-cycle.com/files/_games/short/lose.png">/lose.png</a></td></tr><tr><td><pre><code>sprite_cover
</code></pre></td><td>400 x 400px</td><td>Background of the game.</td><td><a href="https://statics.lucky-cycle.com/files/_games/short/overlay.png">/overlay.png</a></td></tr></tbody></table>