Photo Compositor Web App

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.

krisPhoto Compositor Web App

Related Posts

Scavenger Hunt Web App

I was responsible for server, site, configuration, assembling and maintaining elements throughout, problem solving technical hurdles and final deployment.

Seventh Mountain Resort Website

The Seventh Mountain site originally was built on a different server and we had to rebuild it from scratch. I migrated existing styles to a modern framework, created season system for changing assets easily, custom post type, and had overall complete oversight in final site brand identity (approximation of original site). I was responsible for

Taste of Albany Microsite

This microsite was for a time sensitive client campaign. As lead developer I worked in an organic/creative fashion with the project producer. We conceptualized an animation effect which was to be controlled as the user scrolls. Alpha channel custom video files were broken into sprite assets and rotated through parallaxed sections which progressively told the

MyDIY Genius Website

This site had several phases to complete before launch. Firstly, the basic framework and engine was to be built using standard theme development practices. The designer provided most of the art direction which guided my creation process. Second there was the matter of developing an import process for all data and supporting images connected to