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

The Jet Pack game


The application we will build is a simple 2D, side scrolling game with simplistic controls that can easily be converted to touch event for mobile devices. To keep things easy to explain and understand, I have modeled this game after the popular Helicopter Game (http://www.helicopter-game.org/) that has been played all over the Internet for many years.

The following screenshot shows the Helicopter Game:

Although there are already many versions of this game on the Internet, the most popular ones are written in Flash, cutting out many users on mobile and desktop browsers from playing it. The gameplay and controls are extremely simplistic and only require the player to use a single key on their keyboard or use their mouse to click instead.

Rather than attempt to directly copy this popular game, we will use it as a starting point for gameplay design. To add our own personal touch to the game, we will switch the helicopter character to a little man with a jet pack. Before we get...