HTML5 Animation in Edge Animate

Hey all! Been working really hard this past month and boy do I have something to finally show! (cue the “woops” from the crowd) Working at Neo-Pangea has opened up the opportunity to get my hands on some HTML5 animation. The entire concept of animating with code is all pretty foreign, yet slowly, and surely, winning me over. Because of Adobe Edge Animate’s familiar interface (looks/feels pretty similar to After Effects), I was able to do some HTML5 animation for a pretty darn cool interactive for Statoil / National Geographic Maps. Knowing that there are some limitations to what this still primitive program can do, I made sure to design the illustrations as simple as possible while still getting the point across. Click the image to check out the final result: