Book Image

HTML5 for Flash Developers

By : Matthew Fisher
Book Image

HTML5 for Flash Developers

By: Matthew Fisher

Overview of this book

As the support for HTML5 within modern web browsers grows, the appeal of HTML5 development, especially for Flash developers, is at an all-time high. From 3D interactive multi-user content to high definition video streaming, HTML5 can deliver it all, to almost all modern web browsers, desktops, and mobile platforms. HTML5 for Flash Developers is a practical, targeted guide for developers with previous experience in developing applications in Flash who would like to add HTML5 development to their skill set. By understanding key aspects that make HTML5 development different from Flash you will be able to integrate your current skill set into the HTML5 development paradigm. Starting with identifying the key technologies that make up the HTML5 development stack and how they are utilized to create HTML5 content, HTML5 for Flash Developers will cover the traditional HTML5 application development flow chapter by chapter, while covering many other common tools that are regularly used in HTML5 today.In addition to understanding and writing dependency-free HTML5 code, you will also learn how to build your HTML5 applications on top of popular libraries and frameworks such as jQuery and CreateJS. This book covers how to prepare all of your content and media for integration into your HTML5 application using applications such as the Miro Video Converter or Adobe Photoshop. You will learn ways to not only continue to use Adobe Flash in your HTML5 application content preparation flow, but also how to port your existing Flash content right over to HTML5.Once you understand what it takes to build HTML5 content, you will finish up by learning how to debug, optimize, and prepare your content for release on the Web.
Table of Contents (17 chapters)
HTML5 for Flash Developers
Credits
About the Author
About the Reviewers
www.packtpub.com
Preface
Index

Generating sprite sheets in Flash Professional CS6


If you ever intend to port or copy some of your pre-existing Flash-based timeline animations to a HTML5 project, you are going to have to do some conversion of your own. As you have seen in the examples in this book, timeline animations just don't exist in the HTML5 stack. Therefore, you will need to convert the animation sequence into a new format that can be displayed properly on the Web. One of the easiest options is converting the animation into a video file and using the <video> tag element to play it back. Unfortunately, converting bitmap or vector assets into a video file that can properly be played back on the Web will result in a ton of quality loss. To top that off, the video playback will be very heavy resulting in slower application load times. Finally, videos in HTML5 lack many important features such as support of alpha transparency, resulting in all of your assets contained in a fully visible rectangular container. To...