IBook Author: Creating a simple animation with Hype

From dftwiki3
Revision as of 15:04, 23 January 2013 by Thiebaut (talk | contribs)
Jump to: navigation, search

--D. Thiebaut 14:48, 23 January 2013 (EST)


This Tutorial illustrates how to create a simple HTML5 animation with 2 images and two buttons. When a button is clicked the other images appears on top of the previous one. The button as well is replaced by a different button. The video below illustrates the concept.





Two Different Images

Start by generating two different images. The two shown below were generated with the Procreate app for the iPad.

ElectricalCircuitON.jpg

         

ElectricalCircuitOFF.jpg