Adobe Wallaby to HTML5 Animations

Adobe Wallaby Technology Preview is Adobe’s first attempt at allowing Flash developers and designers to create HTML5 and CSS3 based motion graphic animated projects for the iPad, iPhone and iPod Touch. Until Adobe Edge gets introduced at Adobe Labs later in 2011, this is currently the only way to convert Flash .fla files to HTML5 animations. In this tutorial, Adam Bell of dataTV will show you an example of how to properly set up your .fla file, convert it using Wallaby and the pitfalls you need to be aware of in your final piece regarding audio, video and various CSS surprises that occur during the conversion.

Flash Animation to HTML5 with Adobe’s Wallaby Prerelease 1

Adobe Labs just released Wallaby (Prerelease 1) a tool that will let You convert Flash Animations to HTML5 ( labs.adobe.com ). Here’s a screen capture of Wallaby converting from a Flash CS5 character(it’s supposed to be Me …. boy I’m handsome :P) animation to HTML5 the illustration and animation was done by @cecymeade for a game we are putting up together. I’ve included the example in this video with the Flash and HTML5 files together in the next link: www.swfgeek.net All Adobe Products mentioned in this video are Copyright © 2011 Adobe Systems Incorporated. All rights reserved. www.adobe.com