Mathematics of Animation
summary
Covers concrete recipes: generate regular polygons by computing angle = 360 / sides, converting degrees to radians, then x = rcos(theta), y = rsin(theta) in a one‑function polygon generator; builds interactive examples rendered with SVG and React (mouse‑driven “gems” lighting) and a rotating rocket/eye demo implemented in p5.js eye-tracking that solves right triangles via atan2. Shows physicsy connectors and “metal balls,” explains custom easings using Penner's equations and practical constants (G ≈ 6, bounce constant ≈ 13) and provides working, interactive code.
AI-written summary · about
chapters (6)
- 0:00Start
- 2:33Coordinate Geometry
- 8:09Parameterization
- 17:17Waves & Oscillations
- 18:48Dave Whyte BEES & BOMBS
- 26:52SOLVING TRIANGLES
related talks
22mMathematics of Animation
22mThe Power of Mathematics in JavaScript
30mMaths-powered transforms for creating 3D shapes
34mZero to One: The Mystical Mathematics Of Creative Coding
54mMaking things with maths
30mHTML5 Canvas Animation with Javascript
40m3D Transforms and Poly... What?
29mComplex Geometry in HTML!