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.

Related Content you might be interested in

Current Title:

Small book image
HTML5 for Flash Developers
Matthew Fisher
Jul, 2013 | 322 pages
No titles found
Table of Contents (17 chapters)
HTML5 for Flash Developers
HTML5 for Flash Developers
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.packtpub.com
www.packtpub.com
Preface
Preface
Free Chapter
1
Why HTML5?
Why HTML5?
Understanding HTML5
Why bother learning HTML5?
Avoiding the initial road blocks
Summary
2
Preparing for the Battle
Preparing for the Battle
Preparing the asset
Debugging and output methods
Syntax differences
Example JavaScript in action
Timing JavaScript execution
Summary
3
Scalability, Limitations, and Effects
Scalability, Limitations, and Effects
HTML5 limitations
Object manipulation with CSS3
Frame rate
Audio and video playback control
Reading local files with the File API
Web Workers
WebSockets
The Canvas element
Stage3D versus WebGL
Summary
4
Building Robust Applications with HTML5
Building Robust Applications with HTML5
Writing object-oriented JavaScript
Making OOP in JavaScript easier
JavaScript events
Putting it all together
Summary
5
Code Once, Release Everywhere
Code Once, Release Everywhere
Covering all your bases
CreateJS
Modernizr
CSS media queries
Summary
6
HTML5 Frameworks and Libraries
HTML5 Frameworks and Libraries
How frameworks and libraries can make your life easier?
jQuery
HTML5 Boilerplate
Bootstrap
Hammer.js
GreenSock Animation Platform
Three.js
Compiling JavaScript
Summary
7
Choosing How You Develop
Choosing How You Develop
Replacing the Flash development environment
Requirements of HTML5 development environments
Execution and testing
Summary
8
Exporting to HTML5
Exporting to HTML5
Google Swiffy
Generating sprite sheets in Flash Professional CS6
Jangaroo
Haxe
Google Dart
Summary
9
Avoiding the Roadblocks
Avoiding the Roadblocks
The Jet Pack game
Dealing with audio and playback
Rewriting AS3 code that can't be directly converted
Mobile platform support
Summary
10
Preparing for Release
Preparing for Release
Targeting supported web browsers
Client-side tests
WebGL support
Allowing users to find your work
Premade testing and benchmark solutions
Code minimizing and obfuscation
External dependencies
Making deployment easy
Summary
Index
Index

Dealing with audio and playback

Using the knowledge we have gained during the overview of HTML5 audio file type and codec support in this book, we can set up the audio for this game pretty easily. Rather than using the SWC importing method that was used in our Flash project, when importing audio into an HTML5 project, we can just append the reference to the source directly into the body of the HTML document inside of a <audio> element as follows:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Jet Pack</title>

    <link rel="stylesheet" type="text/css" href="css/Game.css">

    <script src="js/jquery.min.js"></script>
    <script src="js/Stats.js"></script>
    <script src="js/LevelBlock.js"></script>
    <script src="js/JetPackMan.js"></script>
    <script src="js/JetPackManData.js"></script>
    <script src="js/Game.js"></script>
  &lt...
Previous Section
End of Section 3
Next Section