Overview
In the past few years, animations on the web have evolved dramatically. We are able to build animations that generate and manipulate complex geometry, react to user input and tell captivating stories. Varun finds himself looking at all this amazing work and asking, “How did they do that?”
For web developers, going from working with the DOM to directly manipulating geometry and graphics requires a bit of a mental shift. This talk will explore some basic mathematical concepts that are often encountered when creating animations. Focusing on 2D geometry, Varun will cover topics such as trigonometry, co-ordinate systems, curves and vectors. Making these sometimes intimidating concepts accessible to everyone.
Objective
To explore a few basic mathematical concepts used for creating reactive and dynamic animations
Target Audience
For people interested in creating generative graphics and reactive animations for the web
Assumed Audience Knowledge
Basic understanding of SVG, CSS and JavaScript
Five Things Audience Members Will Learn
- Coordinate systems
- Generating and manipulating 2D shapes
- Locating, moving and rotating objects with trigonometry
- Using curves to generate paths, easings and springs
- Vectors
