Viz - Key Frame (Target Value)

Utah Teapot


Key frames are images that defined the states of an animation.

The images created between this key image are created with a process called inbetween or tweening.

Keyframes are specific frames in the animation that have specific target values.


In scaling a shape up and back down over 10 frames, we will want to start and end at 100% scale at the 0th and 10th frame, and hit our max scale of 150% on the 7th frame.

In this example, our key frames for the SCALE transform for this shape would be [0, 7, 10] with the values [100%, 150%, 100% respectively

Documentation / Reference

Discover More
Utah Teapot
Data Viz - (Timing|Easing) Function

Timing function (also known as easing) are used in transition to calculate the speed and smooth of the animation between state. They specify the rate of change of a parameter over time. Objects in real...
Utah Teapot
Data Viz - Inbetween - Tweening, Interpolation (Animation)

In animation, InbetweeningInbetweening, tweening or Interpolation_(computer_graphics)Interpolation is the process of generating intermediate frames between two images, called key frame, to give the appearance...
Utah Teapot
Data Vizualisation - Animation

Animation is defined as a series of steps from one object state to another through transition. Animations in web browsers come in two forms: native (declarative ones), such as the element...
Image Intrinsic Dimension

gif is an image format. It is normally recommended to save drawings in the webp or png format rather than the GIF format. But for animation, as the animated versions of the PNG format, MNG and APNG, have...
Card Puncher Data Processing
Video - Frame

A frame is an image (picture) that is found in a serie of image creating a video (motion). Frame can also be generated between two frames called keyframe to create a smooth animation with less frame....
Utah Teapot
Viz - (Animated) Transition

Transition create animated smooth transition between two different state of a graphic object. Instead of changing instantaneously, transitions smoothly interpolate the object from its current state to...
Utah Teapot
Viz - Stroke

stroke means painting along the outline of the object. A stroke operator is a line along a path. For each straight or curved segment in the path, the stroked line is centered on the segment with sides...

Share this page:
Follow us:
Task Runner