Web Unleashed 2018
Web DevUX/UIWork Better
  • 2018-10-01 00:00:00 2018-10-02 00:00:00 America/Toronto Web Unleashed 2018 Toronto FITC
  • Toronto
  • #WEBU18

Presentation

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

  1. Dynamic vs targeted motion
  2. Working with eases
  3. Trigonometry, vectors, matrices
  4. APIs for animation on the web
  5. Optimizing