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

# Flip Cards

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

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

### Configuration

<details>

<summary>JSON</summary>

```json
{
  "options": {
    "columns": 2,
    "rows": 1,
    "number_of_try": 1,
    "background_color": "transparent",
    "use_reward_image": false
  },
  "texts": {
    "en": {},
    "fr": {},
    "nl": {}
  },
  "images": {
    "background_image": GAME_URL + "/background.jpg",
    "image_list": [
      GAME_URL + "/back-1.png"
    ],
    "win": GAME_URL + "/win.png",
    "lose": GAME_URL + "/lose.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>columns / rows
</code></pre></td><td>Integer</td><td>Grid (determines the number of items displayed, <em>rows*columns</em>).</td><td>2 / 1</td></tr><tr><td><pre><code>number_of_try
</code></pre></td><td>Integer</td><td>Number of chances (clicks).</td><td>1</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>use_reward_image
</code></pre></td><td>Boolean</td><td>Use one image per reward, or default ones <em>(win / lose)</em>.</td><td>false</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 380px</td><td>Background of the game.</td><td><a href="https://statics.lucky-cycle.com/files/_games/flip-card/background.jpg">/background.jpg</a></td></tr><tr><td><pre><code>image_list
</code></pre></td><td>120 x 200px</td><td>Visual<mark style="color:orange;">(s)</mark> displayed <strong>before</strong> clicking.</td><td><a href="https://statics.lucky-cycle.com/files/_games/flip-card/back-1.png">/back-1.png</a></td></tr><tr><td><pre><code>win
</code></pre></td><td>120 x 200px</td><td>Visual if won (<em>use_reward_image</em> has to be set to <em>false</em>).</td><td><a href="https://statics.lucky-cycle.com/files/_games/flip-card/win.png">/win.png</a></td></tr><tr><td><pre><code>lose
</code></pre></td><td>120 x 200px</td><td>Visual if lost (<em>use_reward_image</em> has to be set to <em>false</em>).</td><td><a href="https://statics.lucky-cycle.com/files/_games/flip-card/lose.png">/lose.png</a></td></tr></tbody></table>