Foundation HTML5 Animation with javascript covers everything that you need to know to create dynamic scripted animation using the HTML5 canvas. It provides information on all the relevant math youll need, before moving on to physics concepts like acceleration, velocity, easing, springs, collision detection, conservation of momentum, 3D, and forward and inverse kinematics.
Foundation HTML5 Animation with javascript is a fantastic resource for all web developers working in HTML5 or switching over from Flash to create standards-compliant games, applications, and animations that will work across all modern browsers and most mobile devices, including iPhones, iPads, and Android devices.
You will learn how to utilize the amazing animation and physics-based code originally created by author Keith Peters in his hugely successful Foundation Action Script Animation in all of your HTML5 applications. In no time at all, youll understand the concepts behind scripted animation and also have the ability to create all manner of exciting animations and games.
What you’ll learn
All the javascript and HTML5 code (including math and trigonometry functions) youll need to start animating with code
Basic motion principles like velocity, acceleration, friction, easing, and bouncing
How to handle user interactions via the keyboard, mouse, and touchscreen
Advanced motion techniques like springs, coordinate rotation, conservation of momentum, and forward and inverse kinematics
All the basic 3D concepts youll need for 3D in HTML5 (without WebGL)—from simple perspective to full 3D solids, complete with backface culling and dynamic
