Sample footage here demonstrates functionality of a microsite webapp which served specific needs for the clients’ campaign that year.
The sections are controlled through a series of user UI components that trigger device input. The “Take a Photo” begins the process of importing photo element into the HTML5 Canvas by means of Fabric with Gestures library. Touch support is enabled and can be used to rotate/scale.
The next section presents the user with a custom slider which also allows importing any number of sprites to an upper Canvas.
Finally the user is presented with a download option which composites all Canvas elements from blob to JPG and initiates a local save.
This was a pretty unique project which required analysis of tasks to be broken down into interactions which then required connective programming skills.