Rotation Puzzle.md

Rotating Puzzle

For this puzzle we need the following modules:

• Monks Active Tiles
• Tagger

We want to create a puzzle where we need to rotate several disks, so that the final image is reconstructed.

Creating the disks

I made my "disks" using inkscape. Cut an image into concetric circles using mask, clip and "distribute and align".

Result:

1. 
2. 
3. 

Creating the Scene

Add the tiles to your scene, somewhere fitting. Using Tagger, tag first all the circle tiles as Disks, and then tag them as Disk1, Disk2 and so on.

Rotation button(s)

Add an image as a tile that should work as a button to rotate one of the disks. Double click the tile, head over to triggers and make sure it looks like this:

Repeat this step for each disk, and optionally add buttons to rotate them counter-clockwise (just subtract rotation instead of adding it) as well.

Testing for "correct" solution

Add a new macro, make sure to set it to "script", call it "test if correct" and add the following code to it:

let tiles =  Tagger.getByTag('Disks');
let rotations = tiles.map(t=>t.data.rotation);
let result = !rotations.some(v=>(v!=0));
return result;

This macro, will return true if all disks are rotated to zero, and return false else. Alone, when called it doesn't do anything usefull.

Adding a "Test and Reward" Tile

Next, add a new tile, set this to trigger when clicked. Add two actions to it: 1."Run Macro"-> "test if correct" 2. Whatever actions you consider the reward, e.g., playing a fanfare.

Tying it all together

Its rather boring if you have to click the "test and reward" tile everytime to check if its at the correct placement. To have automatic testing, you need to edit all the rotation buttons, and add another step after the rotation: "Trigger Tile", and trigger the "test and reward" tile. This will run the test, and potentially the reward after each rotation.