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

# Catch'Em All!

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

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

### Configuration

<details>

<summary>JSON</summary>

```json
{
  "options": {
    "header_background_color": "black",
    "header_text_color": "white",
    "btn_background_color": "black",
    "btn_text_color": "white",
    "background_color": "transparent",
    "background_position": "center",
    "eggs_count": 5,
    "egg_point": 1,
    "malus_count": 0,
    "malus_point": 1,
    "speed": 3,
    "max_speed": 10,
    "acceleration_per_second": 0.5,
    "basket_speed": 5,
    "timing": 15,
    "basket_width": 75,
    "basket_height": 50,
    "egg_width": 50,
    "egg_height": 50
  },
  "texts": {
    "en": {
      "score": "Score",
      "time_left": "Time left",
      "start": "Play now"
    },
    "fr": {
      "score": "Score ",
      "time_left": "Temps restant ",
      "start": "Je joue"
    },
    "nl": {
      "score": "Score",
      "time_left": "Resterende tijd",
      "start": "Speel nu"
    }
  },
  "images": {
    "background_image": GAME_URL + "/background.png",
    "images": [
      GAME_URL + "/item-1.png",
      GAME_URL + "/item-2.png",
      GAME_URL + "/item-3.png",
      GAME_URL + "/item-4.png",
      GAME_URL + "/item-5.png",
      GAME_URL + "/item-6.png"
    ],
    "malus_images": [],
    "basket_image": GAME_URL + "/basket.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>header_background_color
header_text_color
</code></pre></td><td>String</td><td>Colour / background of the header.</td><td>"black" / "white"</td></tr><tr><td><pre><code>btn_background_color
btn_text_color
</code></pre></td><td>String</td><td>Colour / background of the CTA.</td><td>"black" / "white"</td></tr><tr><td><pre><code>background_color
</code></pre></td><td>String</td><td>Background colour (visible if no image).</td><td>"transparent"</td></tr><tr><td><pre><code>background_position
</code></pre></td><td>String</td><td>Background image positioning <em>(CSS)</em>.</td><td>"center"</td></tr><tr><td><pre><code>eggs_count
</code></pre></td><td>Integer</td><td>Number of items to display <mark style="color:yellow;">("good items")</mark>.</td><td>5</td></tr><tr><td><pre><code>egg_point
</code></pre></td><td>Integer</td><td>Point(s) given for each item caught.</td><td>1</td></tr><tr><td><pre><code>malus_count
</code></pre></td><td>Integer</td><td>Number of items to display <mark style="color:yellow;">("bad items")</mark>.</td><td>0</td></tr><tr><td><pre><code>malus_point
</code></pre></td><td>Integer</td><td>Point(s) <mark style="color:orange;">taken</mark> for each item caught.</td><td>1</td></tr><tr><td><pre><code>speed
</code></pre></td><td>Integer</td><td>Falling speed of the items (base speed).</td><td>3</td></tr><tr><td><pre><code>max_speed
</code></pre></td><td>Integer</td><td>Maximum falling speed of the items.</td><td>10</td></tr><tr><td><pre><code>acceleration_per_second
</code></pre></td><td>Float</td><td>Acceleration of the item's speed.</td><td>0.5</td></tr><tr><td><pre><code>basket_speed
</code></pre></td><td>Integer</td><td>Move speed of the basket.</td><td>5</td></tr><tr><td><pre><code>timing
</code></pre></td><td>Integer</td><td>Duration of the game.</td><td>15</td></tr><tr><td><pre><code>basket_width / _height
</code></pre></td><td>Integer</td><td>Size of the basket.</td><td>75 / 50</td></tr><tr><td><pre><code>egg_width / _height
</code></pre></td><td>Integer</td><td>Size of the items <mark style="color:yellow;">(good and bad)</mark>.</td><td>50 / 50</td></tr><tr><td><pre><code>score
</code></pre></td><td>String</td><td>Text in the header.</td><td>"Score"</td></tr><tr><td><pre><code>time_left
</code></pre></td><td>String</td><td>Text in the header.</td><td>"Time left"</td></tr><tr><td><pre><code>start
</code></pre></td><td>String</td><td>Text of the CTA.</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>background_image
</code></pre></td><td>550 x 600px</td><td>Background of the game.</td><td><a href="https://statics.lucky-cycle.com/files/_games/catch-all/background.png">/background.png</a></td></tr><tr><td><pre><code>images
</code></pre></td><td>~50 x 50px <mark style="color:yellow;">(x times)</mark></td><td>Items that will be falling in the game <mark style="color:yellow;">(good)</mark>.</td><td><a href="https://statics.lucky-cycle.com/files/_games/catch-all/item-1.png">/item-1.png</a></td></tr><tr><td><pre><code>malus_images
</code></pre></td><td>~50 x 50px <mark style="color:yellow;">(x times)</mark></td><td>Items that will be falling in the game <mark style="color:yellow;">(bad)</mark>.</td><td>/ (but same as <em>images</em>)</td></tr><tr><td><pre><code>basket_image
</code></pre></td><td>~75 x 50px</td><td>Visual of the item used to grab the falling ones.</td><td><a href="https://statics.lucky-cycle.com/files/_games/catch-all/basket.png">/basket.png</a></td></tr></tbody></table>