HTML5, iOS, & Android prototypes with PhoneGap

July 2013

Software & Technologies

HTML5, CSS, JavaScript, Canvas, Sprite Sheet, PhoneGap, iOS, Android, Facebook


Recent trends in technologies have led to experiments with HTML5 based animations. The MyWeb messaging animation library is built in Flash, so we used Flash Pro’s new Export to Sprite Sheet feature to generate web-standard-ready content. Once we ported the library to sprite sheets, we defined an initial animation test which we could port across platforms (see Fig 1).


Fig 1: HTML5 canvas sprite sheet animation test

From there, we experimented with embedding HTML5 animations on the Facebook feed, and started mobile prototyping for Android and iOS, using the PhoneGap framework.


You can check out the initial prototype at the link below: