Overview
Move, bounce, orbit, follow, stretch, and tween. Making things move can add visual interest, enhance interaction, or just be a fun exercise. Whether you’re building a game, app, or digital experience, understanding some of the basic math and techniques to animate elements on screen can elevate it to the next level. Grant will look at dynamic versus deterministic animations, and how to choose between them. He’ll explore some basic math, delving into trigonometry, randomness, affine transformation matrices (less scary than they sound), and easing equations. Finally, he’ll examine the different options for implementing motion in a web experience.
Objective
Learn math and techniques for using motion on the web.
Target Audience
Designers and developers interested in motion.
Level
Beginner
Five Things Audience Members Will Learn
- Dynamic vs targeted motion
- Working with eases
- Trigonometry, vectors, matrices
- APIs for animation on the web
- Optimizing
