Perfect Match?

Hello!

Typography is a big part of elearning design. And being a total font nerd, I love it when I find the 'Perfect Match'.

This interaction is built around two dials and has been optimised for mobile phones.

Javascript randomises the starting position of the dials at the start of each game. It also controls how far the dial turns with each tap. When the value of Dial1 and Dial2 match, a feedback layer is shown, and the score increases. When you hit 4/4, the game resets.

The AI voiceover is 'Liam' with the style exaggerated to ~70, and I used Suno to create the game show-style theme tune. This plays on repeat until the score hits 4/4, when it is stopped and replaced by applause. But you can also mute the music during the game if it's not your jam. 

The content is based on this article. I had a lot of fun making this one!

Let me know what you think. If you have any questions, please ask.

PLAY HERE:
https://bit.ly/elhc540