Cover image for Creating HTML5 Animations with Flash and Wallaby

Creating HTML5 Animations with Flash and Wallaby

Author Ian L. McLean
Release Date: 2011/09/01
ISBN: 9781449312725
Topic:
0%
11
Chapters
0-1
Hours read
0k
Total Words
    Start Reading Now    
       Add to Wishlist       
View table of contents

Book Description

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

Book Description

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

Book Description

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

  1. Dedication
  2. Preface
    1. What Is Wallaby?
    2. A Brief History of Flash and HTML5
    3. Concerns in Reaching Audiences
    4. Browser Support
    5. Conversion Limitations
    6. Who This Book Is For
    7. Content Approach
    8. System Requirements
    9. Conventions Used in This Book
    10. Using Code Examples
    11. Safari® Books Online
    12. How to Contact Us
  3. 1. Flash Professional Basics
    1. The Flash Platform
    2. Flash Professional at a Glance
      1. The Library
      2. The Stage
      3. The Timeline
    3. Importing Assets
    4. Drawing Shapes
    5. Working with Images
      1. Knowing When to Use Bitmaps or Shapes
      2. Avoiding Undesired Scaling in Bitmaps
    6. Converting Assets to Symbols
      1. Instances
    7. Keyframes
      1. Tweening
  4. 2. Creating a Basic HTML5 Animation
    1. Creating a New Project
    2. Creating the Text
    3. Animating the Marquis
    4. Exporting the HTML5 Animation from Wallaby
  5. 3. Creating Advanced Animations
    1. Building for Performance
      1. Export and Test Often
      2. Take the Right Approach
      3. Stay Mindful of Bandwidth
      4. Determine the Limitations
    2. Wallaby-Specific Performance Tips
  6. 4. Using Wallaby
    1. Converting Animations
      1. Preferences
      2. Status
      3. Errors and Warnings
  7. 5. Using Wallaby Animations
    1. Placing the Animation
    2. Adding Basic Interactivity
  8. About the Author
  9. Copyright