Rick Meerwaldt, Bart van der Braak
Using an established html5/jquery plugin called ParticleSlider we made an interesting logo. It's interactive with the user's cursor and makes for some entertaining views of our logo. The original logo was made in Photoshop as an static PNG file. We used a converter to get the so-called 'base 64 data URI' of our logo which is used within this plugin to interact with its pixels.
>> Full logo page: View
Using HTML5's new video function and the help of some javascripting, we made a mediaviewer that automatically loops through three videos. As for the videos themselves, they are educational videos from the YouTubers Scishow and Vsauce. We also made the mediaviewer use thumbnails to indicate what you are about to see.
>> Media-viewer: View
This annotation editor is a take on what we as kids always did with Paint. It continuously checks what colour and text you want to slide into the canvas so you can distinguish between different annotations.
>> Annotation editor: View
This was far the most complicated of all the deliverables we had to make. It took us quite some time to come up with and especially to make it work. The game is based on color guessing, it's a braingame. The text of the colored word will mess with your head and you will certainly make some mistakes. We added some sound effects for fun and a HARD mode for the experienced.
>> Color game: View
Note: The game tends to get stuck when first opened. Please refresh the page if this happens.
