Topics include:
- Understanding HTML5 browser support
- Creating class files and animation loops
- Comparing Canvas and BitmapData
- Drawing dynamic graphics
- Exploring DOM animation
- Understanding CSS3 design properties
- Using CSS animations and transforms
- Understanding WebGL
- Using Adobe Edge and the CreateJS library
Table of content
Introduction
- Welcome
- Using the exercise files
- Setting up your system
Overview of HTML5
- What is HTML5?
- Reviewing browser support for HTML5
- Choosing HTML5 tooling
Transitioning from ActionScript to JavaScript
- Comparing ActionScript and JavaScript
- Exploring object-oriented programming in JavaScript
- Creating class files
- Creating animation loops
- Using Modernizr for feature detection
- Looking at helpful JavaScript resources
The Canvas Element
- Comparing Canvas and BitmapData
- Creating a Canvas “Hello World”
- Drawing dynamic graphics
- Working with states and transforms
- Drawing images
- Drawing sprite sheets
- Animating Canvas elements
- Using multiple Canvas elements
DOM Animation
- What is the Document Object Model (DOM)?
- Animating DOM elements
- Choosing between Canvas and the DOM
Using CSS3
- Overview of CSS3
- Exploring CSS3 design properties
- Animating using transitions
- Using CSS animations
- Using 2D and 3D transforms
Incorporating Audio and Video
- Using the HTML5 video tag
- Controlling video with JavaScript
- Playing sounds with the audio tag
- Looking at the future of web audio and video
Incorporating 3D with WebGL
- Overview of WebGL
- Getting started with three.js
- Working with shaders and lights
Useful Tools and Frameworks
- Animating using Adobe Edge
- Using the CreateJS library
- Creating HTML5 animation using Flash CS6
- Conclusion
- Moving forward with Flash and HTML5
Letitbit.net
No comments:
Post a Comment