HTML5, iOS, & Android prototypes with PhoneGap

July 2013

Software & Technologies

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

Overview

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).

html5-phonegap-prototypes

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.

Links

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

http://dev.dancarr.co/myweb/html5/