Animation

Animation is the simulation of movement using a series of images (or drawings, models, etc.)

Animation Terminology

Frame: each image (or state) of an animation sequence Frame rate: number of frames to display per
Tweening: interpolation of key frames into frames
Easing: a function that controls how tweening is calculated Key Frame: defines the beginning and ending of a tween

In user interface programming, we typically animate numerical parameters that change how graphics are drawn over time

•  parameters are often related to transformations
  (e.g. translate X and Y position to animate drawing position)
• parameters can be anything numeric: fill, stroke weight, etc.
• animating non-numeric values (e.g. a String or Image) is possible, but custom tweening methods are needed