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

# Hidden Object

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

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

### Configuration

<details>

<summary>JSON</summary>

```json
{
  "options": {
    "shapes": {
      "en": [
        {
          "bl": {
            "x": 67.6,
            "y": 16
          },
          "tr": {
            "x": 70,
            "y": 8
          }
        },
        {
          "bl": {
            "x": 84.7,
            "y": 91
          },
          "tr": {
            "x": 88.1,
            "y": 84
          }
        }
      ],
      "fr": [
        {
          "bl": {
            "x": 67.6,
            "y": 16
          },
          "tr": {
            "x": 70,
            "y": 8
          }
        },
        {
          "bl": {
            "x": 84.7,
            "y": 91
          },
          "tr": {
            "x": 88.1,
            "y": 84
          }
        }
      ],
      "nl": [
        {
          "bl": {
            "x": 67.6,
            "y": 16
          },
          "tr": {
            "x": 70,
            "y": 8
          }
        },
        {
          "bl": {
            "x": 84.7,
            "y": 91
          },
          "tr": {
            "x": 88.1,
            "y": 84
          }
        }
      ]
    },
    "find": 2,
    "chances": 4
  },
  "texts": {
    "en": {
      "tutorial": {
        "content": [
          "Move in the image from right to left then <u><strong>double-click</strong></u> on the place where you think one of the mascots is hiding."
        ],
        "cta": "Play now"
      },
      "hints": {
        "content": [
          [
            "Psst… [Hint 1]"
          ],
          [
            "Psst… [Hint 2]"
          ]
        ],
        "cta": "I continue"
      },
      "win": {
        "content": [
          "Congratulations, you found the mascots!"
        ]
      },
      "lose": {
        "content": [
          "Unfortunately, you didn't find the mascots."
        ]
      }
    },
    "fr": {
      "tutorial": {
        "content": [
          "Déplacez-vous dans l'image de droite à gauche puis <u><strong>double-cliquez</strong></u> sur l'endroit où vous pensez que se cache l'une des mascottes."
        ],
        "cta": "Je joue"
      },
      "hints": {
        "content": [
          [
            "Psst… [Indice 1]"
          ],
          [
            "Psst… [Indice 2]"
          ]
        ],
        "cta": "Je continue"
      },
      "win": {
        "content": [
          "Félicitations, vous avez trouvé les mascottes&nbsp;!"
        ]
      },
      "lose": {
        "content": [
          "Malheureusement, vous n'avez pas trouvé les mascottes."
        ]
      }
    },
    "nl": {
      "tutorial": {
        "content": [
          "Beweeg in de afbeelding van rechts naar links en <u><strong>dubbelklik</strong></u> op de plaats waarvan u denkt dat de mascottes zich verbergen."
        ],
        "cta": "Speel nu"
      },
      "hints": {
        "content": [
          [
            "Psst… [Hint 1]"
          ],
          [
            "Psst… [Hint 2]"
          ]
        ],
        "cta": "Ik ga verder"
      },
      "win": {
        "content": [
          "Gefeliciteerd, u heeft de mascottes gevonden!"
        ]
      },
      "lose": {
        "content": [
          "Helaas heeft u de mascottes niet gevonden."
        ]
      }
    }
  },
  "images": {
    "en": {
      "canvas": GAME_URL + "/background.png"
    },
    "fr": {
      "canvas": GAME_URL + "/background.png"
    },
    "nl": {
      "canvas": GAME_URL + "/background.png"
    }
  }
}
```

</details>

### Options

<table><thead><tr><th>Key</th><th>Type</th><th>Explanation</th><th>Default</th></tr></thead><tbody><tr><td><pre><code>shapes
</code></pre></td><td><em>Complex</em></td><td>Zone(s) to be found/clicked.</td><td>[...]</td></tr><tr><td><pre><code>find
</code></pre></td><td>Int</td><td>Zones to <mark style="color:blue;">actually</mark> be found for the game to be completed.</td><td>2</td></tr><tr><td><pre><code>chances
</code></pre></td><td>Int</td><td>Maximum number of clicks before the game is over.</td><td>4</td></tr><tr><td><pre><code>texts > tutorial > content
</code></pre></td><td>String</td><td>Text displayed before the game.</td><td>"Move in the image from right to left then <strong>double-click</strong> on the place where you think one of the mascots is hiding."</td></tr><tr><td><pre><code>texts > tutorial > cta
</code></pre></td><td>String</td><td>CTA displayed before the game.</td><td>"Play now"</td></tr><tr><td><pre><code>hints > content
</code></pre></td><td>String</td><td>Text to be displayed after each <mark style="color:$danger;">wrong</mark> click (should match the <em>chances</em>).</td><td>"Psst… [Hint 1]" /<br>"Psst… [Hint 2]"</td></tr><tr><td><pre><code>hints > cta
</code></pre></td><td>String</td><td>CTA displayed along the hint.</td><td>"I continue"</td></tr><tr><td><pre><code>win > content
</code></pre></td><td>String</td><td>Text displayed in case of game complete.</td><td>"Congratulations, you found the mascots!"</td></tr><tr><td><pre><code>lose > content
</code></pre></td><td>String</td><td>Text displayed in case of game over.</td><td>"Unfortunately, you didn't find the mascots."</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>canvas
</code></pre></td><td>/</td><td>Visual to be used as playground <mark style="color:blue;">(can scroll horizontally)</mark>.</td><td><a href="https://statics.lucky-cycle.com/files/_games/hidden-object/background.png">/background.png</a></td></tr></tbody></table>