Foundation HTML5 Animation with JavaScript

Foundation HTML5 Animation with JavaScript is the Chinese translation of the English book of the same title, published by Posts & Telecom Press in 2013 under license from Apress Media, translated by Xu Ning and Li Qiang. The book uses the HTML5 canvas element as its medium, writing scripted animation by hand in native JavaScript without relying on any third-party animation library and without using WebGL. The book has 19 chapters in five parts. Part One, "JavaScript Animation Basics," introduces the basic concepts of animation, the relationship between frames and motion, the animation loop and requestAnimationFrame, JavaScript objects and prototypes, mouse, touch, and keyboard interaction, and canvas rendering techniques (colors, paths, curves, gradients, images, and pixel manipulation). Part Two, "Basic Motion," covers velocity vectors, acceleration, boundaries and friction, and user drag interaction. Part Three, "Advanced Motion," goes deeper into easing and bouncing, springs, collision detection, coordinate rotation and bouncing off inclined surfaces, billiard physics, particles and gravity, forward kinematics (making a character walk), and inverse kinematics (dragging and reaching). Part Four, "3D Animation," moves from the principles of perspective to 3D lines and fills, backface culling and 3D lighting, and matrix math. Part Five, "Other Techniques," offers practical tips and tricks. The book touches on trigonometry, vectors, conservation of momentum, and more, with runnable code examples that help readers understand both the math and physics behind scripted animation and actually build games, interactive pages, and visual effects. It is suitable for front-end and creative developers working with HTML5 or moving from Flash to JavaScript.