# Rings (Advanced Puzzle)

<figure><img src="https://1618304434-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTBDwg85v5p9Ru3nmGF1a%2Fuploads%2FZCCfVKauJ4UnAJr4admt%2FRings_Puzzle.PNG?alt=media&#x26;token=91091b01-8d0f-4f3c-a10d-55ed56234e6e" alt="" width="211"><figcaption></figcaption></figure>

Drag the component from the minigame tab to the scene you're working on.

## How to change the component style

To resize it, use the arrow icon in the top menu.

<figure><img src="https://1618304434-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTBDwg85v5p9Ru3nmGF1a%2Fuploads%2Fzkx3b6vfJPCL5QE2VA8k%2FVideo_rings_1.gif?alt=media&#x26;token=132182dc-d072-46aa-97d0-83fdbd8312b1" alt=""><figcaption></figcaption></figure>

## How to set up the Rings puzzle

Click on the component and then on the settings gear icon that will appear in the top menu or double click on the component.

You will see a menu with three set up options: Puzzle, Aspect and Advanced.

### Puzzle

\
By clicking here you can set the amount of rings you want the puzzle to have, this way you can set the difficulty, you can also set the threshold in wich the ring is considered to be placed correctly, and you can also set if you want the winning action to be played once the puzzle is finished (this way the player doesn´t need to press the confirm button).

You can also add a custom .jpg or .png image to the puzzle.

{% hint style="info" %}
Remember that if you use the auto confirm option, the losing action will not trigger.
{% endhint %}

<figure><img src="https://1618304434-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTBDwg85v5p9Ru3nmGF1a%2Fuploads%2F9WA0az2bPJtRCVvyl7Fm%2FVideo_rings_2.gif?alt=media&#x26;token=3a06722f-da21-40c9-90b0-14d3217911b7" alt=""><figcaption></figcaption></figure>

### Aspect

In the Aspect setting you can:

* Change the size of the middle ring.
* Change the size of the margins.
* Remove edges and shadows.&#x20;

### Advanced

In the advanced setting you can:

* Set the wait time between when the player finishes the puzzle and when the win or lose actions are executed.

## Player interaction

Players can move the rings in circles (except the one at the center) to place them at the right position.

<figure><img src="https://1618304434-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTBDwg85v5p9Ru3nmGF1a%2Fuploads%2F270xh0NSyOCjLGZf8wFR%2FVideo_rings_4.gif?alt=media&#x26;token=9871d626-3a20-4d69-a8db-3928d35fad49" alt=""><figcaption></figcaption></figure>

## How to set up the actions of winning and losing.

There are different actions that you can set up for this game.

<figure><img src="https://1618304434-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTBDwg85v5p9Ru3nmGF1a%2Fuploads%2FR0QvOSZhLRohtRUJZnGy%2FVideo_rings_3.gif?alt=media&#x26;token=4aebd568-634b-4e08-a91b-8ecce56e44d8" alt=""><figcaption></figcaption></figure>

### When the player solves the puzzle.

When the player hits the solve button and the rings are placed correctly (player doesn´t need to press it if the auto solve option is checked) the winning action occurs.

\
For winning  you can set up the following actions:

* **Go to another scene in the game**
* **Add X points**
* **Subtract X points**
* **Visit an external URL**

### When the player fails to solve the puzzle

When the player hits the solve button and the rings are not  placed correctly (player doesn´t need to press it if the auto solve option is checked) the lossing action occurs.

For lossing  you can set up the following actions:

* **Visit an external URL**
* **Subtract X points**
* **Add X points**
* **Go to another scene in the gameç**

{% hint style="info" %}
It's very important to specify what should happen in each case. Click on the Actions icon in the top menu and add one or more actions for both when the player gets the puzzle right or wrong.
{% endhint %}