As part of a second year university module we were tasked to create an interactive game type application that was to be used by school age children to help them with a school subject. For this project I decided to create an application that would help with English by helping children to learn how to draw letter forms.
To achieve this the game uses a HTML 5 Canvas element that the user can draw a letter on to which is then compared to a hidden canvas element containing the same letter. The comparison that is drawn between the two canvases then decides if the user has drawn a letter accurately enough.
As well as the interactive aspect of the game the brief for the project also called for a strong use of CSS animations. As you can see in the final game I created I achieved this through the use of an introductory moving cartoon to kick the game off and also some smaller animations between each turn of the game.
Another aspect of the brief for this project was to create custom video controls for HTML 5 video elements. I added these to the application by including a feature that would allow the user to see tutorial videos on how to draw each of the letters in the game.