Although HTML5 animations using Adobe Edge is very new but the things that you can do with this new tool is breathtaking though, which otherwise would have been very hard to achieve writing code to do the same. I tried some basic animated banners using Edge and it looked just like flash banners. Alright, so we know that we can create cool stuff with Edge but I wanted to add events to the animated banners. Lets say that on click of a text or an image you are taken to a new URL or may be you open a pop up. The requirements can be different. So lets quickly discus on how to add events to your HTML5 animation that you have created using Edge.
I have just tried out the new preview release of the Adobe Edge tool and created an animation based on HTML5. As I have posted earlier that Adobe has this thing called Edge with which you can do stuff like Flash, you can add tweening animations, effects, move the objects, ease out, ease in and do a whole lot of stuff. What you can do is that you can download the preview version, its free but only for 142 days, that sounds enough to get you going and may be complete a couple of projects within the time limit. The animation runs in all the latest version of browsers. Some cool stuff can be done. Check out the animation here
Here is a video to get you started: Edge closer look by Adobe Fellow Mark Anders
“What we’ve seen happening is HTML is getting much richer. We’re seeing more workflow previously reserved for Flash being done with Web standards,” said Devin Fernandez, product manager of Adobe’s Web Pro group.
With the public preview release of their new Edge software thay have made this clear that they are serious. This is what they are saying about Edge
You can download the preview version of Edge right now from the Adobe Labs site http://labs.adobe.com/technologies/edge/