Auto Andy Photo, a new HTML5 web app

Today I’m launching a little HTML5 web app called Auto Andy Photo.  The experience is simple:

  1. Drop in a photo
  2. Add an Andy or twelve
  3. Share your composition

Try it yourself!

Create something with Auto Andy Photo

Auto Andy Photo in Motion

How it was Built

This project shares the same core rendering code behind Auto Andy for iOS and Android.  I’ve ported the ActionScript 3 code to JavaScript and the rendering of the “Andy’s” happens through SVG.

This app was built on the following frameworks.

I’ve also ported over a basic version of my Graffiti Drawing Library to JavaScript to implement the masking feature in Auto Andy Photo.

Grunt JS was used as the task runner for Unit Testing, Minification / Optimizing, and deployment.