> 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/shuffle.md).

# Shuffler

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

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

### Configuration

<details>

<summary>JSON</summary>

```json
{
    "options": {
        "shuffleSpeed": 350,
        "numberOfShuffles": 15,
        "startAnimationDuration": 1500
    },
    "texts": {
      "en": {
        "game_button_play": "Play now"
      },
      "fr": {
        "game_button_play": "Je joue"
      },
      "nl": {
        "game_button_play": "Speel nu"
      }
    },
    "images": {
      "image_top": GAME_URL + "/box_top.png",
      "image_bottom": GAME_URL + "/box_bottom.png",
      "image_close": GAME_URL + "/box_closed.png",
      "image_obj": GAME_URL + "/item.png",
      "rewards": {}
    }
}
```

</details>

### Options

<table><thead><tr><th>Key</th><th>Type</th><th>Explanation</th><th>Default</th></tr></thead><tbody><tr><td><pre><code>shuffleSpeed
</code></pre></td><td>Integer</td><td>Speed of the shuffle moves.</td><td>350</td></tr><tr><td><pre><code>numberOfShuffles
</code></pre></td><td>Integer</td><td>Total number of shuffles before the customer can choose one of the boxes.</td><td>15</td></tr><tr><td><pre><code>startAnimationDuration
</code></pre></td><td>Integer</td><td>Duration before the item falls into one of the boxes.</td><td>1500</td></tr><tr><td><pre><code>game_button_play
</code></pre></td><td>Text</td><td>Text for the button that is displayed at the start of the game.</td><td>"Play now"</td></tr></tbody></table>

### Assets

<table><thead><tr><th>Key</th><th>Size</th><th>Explanation</th><th>Default</th></tr></thead><tbody><tr><td><pre><code>image_top
</code></pre></td><td>175 x 175px</td><td>Top part of the <mark style="color:red;">open</mark> box.</td><td><a href="https://statics.lucky-cycle.com/files/_games/shuffle/box_top.png">/box_top.png</a></td></tr><tr><td><pre><code>image_bottom
</code></pre></td><td>175 x 175px</td><td>Bottom part of the <mark style="color:red;">open</mark> box.</td><td><a href="https://statics.lucky-cycle.com/files/_games/shuffle/box_bottom.png">/box_bottom.png</a></td></tr><tr><td><pre><code>image_close
</code></pre></td><td>175 x 175px</td><td><mark style="color:red;">Closed</mark> box.</td><td><a href="https://statics.lucky-cycle.com/files/_games/shuffle/box_closed.png">/box_closed.png</a></td></tr><tr><td><pre><code>image_obj
</code></pre></td><td>100 x 100px</td><td>Item to be hidden in the box <mark style="color:orange;">(must fit in the box)</mark>.</td><td><a href="https://statics.lucky-cycle.com/files/_games/shuffle/item.png">/item.png</a></td></tr></tbody></table>