Creating HTML5 Animations with Flash and Wallaby

by Ian L. McLean

Overview

Creating standards-compliant animations for the Web just got a lot easier. With this concise guide, you’ll learn how to convert Flash animations into HTML5, using Wallaby—the experimental tool from Adobe. Wallaby makes Flash content available for devices that don't support Flash runtimes, including the iPhone and iPad.

Developing HTML5 animations is time-consuming with all the coding required. This book shows you how to create compelling content for HTML5 environments with relative ease, whether you know Flash or not. After a quick introduction to simple animation building with Flash, you'll learn how Wallaby helps you convert those animations into HTML5 code.

• Learn how to create a simple Flash animation, using Flash Professional CS5
• Become familiar with the Flash Library, Stage drawing canvas, and animation Timeline
• Take the right approach to building a complex Flash animation for HTML5
• Get performance tips to optimize animations for desktops and mobile devices
• Use simple JavaScript and CSS code to place the Wallaby animation in a web page
• Add interactivity to your HTML5 animation with jQuery

Product Details

ISBN-13:	9781449317201
Publisher:	O'Reilly Media, Incorporated
Publication date:	09/02/2011
Sold by:	Barnes & Noble
Format:	eBook
Pages:	64
File size:	2 MB

About the Author

Ian McLean is a Flash Platform enthusiast, speaker and technical writer who has been building enterprise applications for over 10 years. An expert in Flex and AIR Ian is also maintains a strong interest in emerging development tools, processes and practices. Ian has background in game development and masquerades as a producer and mastering engineer in his free time.

Table of Contents

Preface; What Is Wallaby?; A Brief History of Flash and HTML5; Concerns in Reaching Audiences; Browser Support; Conversion Limitations; Who This Book Is For; Content Approach; System Requirements; Conventions Used in This Book; Using Code Examples; Safari® Books Online; How to Contact Us; Chapter 1: Flash Professional Basics; 1.1 The Flash Platform; 1.2 Flash Professional at a Glance; 1.3 Importing Assets; 1.4 Drawing Shapes; 1.5 Working with Images; 1.6 Converting Assets to Symbols; 1.7 Keyframes; Chapter 2: Creating a Basic HTML5 Animation; 2.1 Creating a New Project; 2.2 Creating the Text; 2.3 Animating the Marquis; 2.4 Exporting the HTML5 Animation from Wallaby; Chapter 3: Creating Advanced Animations; 3.1 Building for Performance; 3.2 Wallaby-Specific Performance Tips; Chapter 4: Using Wallaby; 4.1 Converting Animations; Chapter 5: Using Wallaby Animations; 5.1 Placing the Animation; 5.2 Adding Basic Interactivity;