Once I came across the cult gameshow Only Connect I became a big fan, and especially enjoyed the Missing Vowels game. I thought this could use a game that people could play online to complement the existing “Connecting Wall” game.
The user is given a series of consonants and has to type the complete phrase, with vowels, into the input. Event listeners handle all the user interaction and update the score when the enter key is pressed. The quiz is timed so that the user gets 10 seconds per clue. The categories are separate from the rest of the code to make it easier for contributors to add new categories (although in reality they still email me lists instead of sending me an updated file).
- Challenge: The user interface had to be very intuitive.
- Solution: After a few iterations I made the interface as simple as possible. The interface matches the show quite well, making it easier. Even so, the uers has to type the answers instead of speaking them, and some users have complained that the string matching should be tolerant of simple mistakes. (Resolved, to be revisited)
- Challenge: The style should match the show, as much as possible.
- Solution: This project gave an excellent opportunity to work on CSS styling and it was a lot of fun to come up with the colour scheme to match the show. (Resolved)