Foundation HTML5 Animation with JavaScript

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 you'll 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 ActionScript Animation in all of your HTML5 applications. In no time at all, you'll 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) you'll 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 you'll need for 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 games, applications, and animations that will work across all modern browsers and most mobile devices, including iPhones, iPads, 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 Annotation Foundation HTML5 Animation with JavaScriptcovers everything that you need to know to create dynamic scripted animation using the HTML5 canvas. It provides information on all the relevant math you'll need, before moving on to physics conceptslike acceleration, velocity, easing, springs, collision detection, conservation of momentum, 3D, and forward and inverse kinematics. Foundation HTML5 Animation with JavaScriptis a fantastic resource for all web developers working in HTML5 or switching over from Flash to create standards-compliantgames, applications, and animations that will work across all modern browsers and most mobile devices, including iPhones, iPads, and Android devices. You will learn how toutilize the amazing animation and physics-based code originally created by authorKeith Peters in his hugely successfulFoundation ActionScript Animationin all of your HTML5 applications. In no time at all, you'll understand the concepts behind scripted animation and also have the ability to create all manner of exciting animations and games. What youll learnAll the JavaScript and HTML5 code (including math and trigonometry functions)you'll need to start animating with codeBasic motion principles like velocity, acceleration, friction, easing, and bouncingHow to handle user interactions via the keyboard, mouse, and touchscreenAdvanced motion techniques like springs, coordinate rotation, conservation of momentum, and forward and inverse kinematicsAll the basic 3D concepts you'll needfor 3D in HTML5 (without WebGL)from simple perspective to full 3D solids, complete with backface culling and dynamic lightingWho this book is forThis book 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. Table of ContentsBasic Animation ConceptsBasics of JavaScript for AnimationHTML5 and Canvas graphicsTrigonometry for AnimationVelocity and AccelerationBoundaries and FrictionUser Interaction: Moving Objects AroundEasing and SpringingCollision DetectionCoordination Rotation and Bouncing Off AnglesBilliard Ball PhysicsParticle Attraction and GravityForward Kinematics: Making Things WalkInverse Kinematics: Dragging and Reaching3D Basics3D Lines and FillsBackface Culling and 3D LightingMatrix MathTips and Tricks Enter the new era of web programming creativity with Foundation HTML5 Animation with JavaScript. This book details how you can use the HTML5 canvas element to create advanced web graphics and dynamic scripted animation. It covers everything that you'll need to know to complete a wide range of animated projects--from games to navigational systems, advertisements to educational applications