Creating HTML5 Animations with Flash and Wallaby: Converting Flash Animations to HTML5

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 Table of Contents 9 Preface 11 What Is Wallaby? 11 A Brief History of Flash and HTML5 12 Concerns in Reaching Audiences 12 Browser Support 13 Conversion Limitations 13 Who This Book Is For 13 Content Approach 14 System Requirements 14 Conventions Used in This Book 15 Using Code Examples 15 Safari庐 Books Online 16 How to Contact Us 16 Chapter聽1.聽Flash Professional Basics 19 The Flash Platform 20 Flash Professional at a Glance 21 The Library 22 The Stage 22 The Timeline 23 Importing Assets 24 Drawing Shapes 25 Working with Images 26 Knowing When to Use Bitmaps or Shapes 27 Avoiding Undesired Scaling in Bitmaps 27 Converting Assets to Symbols 28 Instances 29 Keyframes 30 Tweening 30 Chapter聽2.聽Creating a Basic HTML5 Animation 33 Creating a New Project 33 Creating the Text 34 Animating the Marquis 36 Exporting the HTML5 Animation from Wallaby 39 Chapter聽3.聽Creating Advanced Animations 41 Building for Performance 42 Export and Test Often 43 Take the Right Approach 43 Stay Mindful of Bandwidth 44 Determine the Limitations 44 Wallaby-Specific Performance Tips 45 Chapter聽4.聽Using Wallaby 47 Converting Animations 47 Preferences 49 Status 50 Errors and Warnings 50 Chapter聽5.聽Using Wallaby Animations 53 Placing the Animation 53 Adding Basic Interactivity 58 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 CS5Become familiar with the Flash Library, Stage drawing canvas, and animation TimelineTake the right approach to building a complex Flash animation for HTML5Get performance tips to optimize animations for desktops and mobile devicesUse simple JavaScript and CSS code to place the Wallaby animation in a web pageAdd interactivity to your HTML5 animation with jQuery Learn how to use Flash and Wallaby to streamline the process of creating HTML5 animations that can run on a broad range browsers of devices.