Foundation Html5 Animation With Javascript

by Lamberta, Billy

• ISBN13: 9781430236658
• ISBN10: 1430236655
• Format: Paperback
• Copyright: 2011-11-30
• Publisher: Apress

Summary

Foundation HTML5 Animation with JavaScriptis a fantastic resource for all web developers working in HTML5 or switching over from Flash to create standards compliant new-technology games, applications,#xA0;and animations that will work across all modern browsers and most mobile devices, including iPhones, iPads,#xA0;and Android devices. At the beginning of the book, you will build the Doodle.js JavaScript library, which reworks the majority of the ActionScript graphics routines into JavaScript. Once this library is in place, it becomes a simple matter create the amazing animation and physics-based code originally created by Keith Peters in his hugely successful Foundation ActionScript Animation book. The book provides information on all the relevant trigonometry you will need, before moving on to physics concepts such as acceleration, velocity, easing, springs, collision detection, conservation of momentum, 3D, and forward and inverse kinematics. In no time at all, you'll both understand the concepts behind scripted animation and 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) that you'll need to start animating with code. Basic motion principles, such as velocity, acceleration, friction, easing, and bouncing. How to handle user interactions via the keyboard and mouse. Advanced motion techniques, such as springs, coordinate rotation conservation of momentum, and forward and inverse kinematics. All the basic 3D concepts you need to do 3D in HTML5 (without WebGL), from simple perspective to full 3D solids complete with backface culling and dynamic lighting. Who this book is for This book is a fantastic resource for all web developers working in HTML5 or switching over from Flash to create standards compliant new-technology games, applications,#xA0;and animations that will work across all modern browsers and most mobile devices, including iPhones, iPads,#xA0;and Android devices.

Table of Contents

Basic Animation Concepts

Basics of JavaScript for Animation

HTML5 and Canvas graphics

Trigonometry for Animation

Velocity and Acceleration

Boundaries and Friction

User Interaction: Moving Objects Around

Easing and Springing

Collision Detection

Coordination Rotation and Bouncing Off Angles

Billiard Ball Physics

Particle Attraction and Gravity

Forward Kinematics: Making Things Walk

Inverse Kinematics: Dragging and Reaching

3D Basics

3D Lines and Fills

Backface Culling and 3D Lighting

Matrix Math

Tips and Tricks

Table of Contents provided by Publisher. All Rights Reserved.