Skip to content

Keyfrane Animation [mildly technical]

KosmX edited this page Jun 14, 2022 · 2 revisions

How does the keyframe animation work and its drawbacks?

This is not a tutorial, but to master it, you must know how it works

The player model

The player model has 8 parts:

  • Head
  • Body
  • right/left arm
  • legs
  • held items

In the future new parts may be added
Each part is independent of the others and has 6 (or 8) degrees of freedom:

  • 3 position
  • 3 rotation
  • 2 bends and bend axis

Each property has its keyframe timeline

Timeline

Each timeline is independent, in the guide we'll work with only one.

image
You can understand it as a mathematical function that takes the time parameter and returns the property value at that time

The curve is interesting for us, we want to shape that as we want.

Creating arbitrary mathematical functions for one specific curve is extremely difficult and not practical.
Instead, we use keyframes as a guide for the curve, and the animation program will connect these somehow.

Keyframe connection

The most trivial connection is linear:
image

Just connect the dots with straight lines!
But this will make our animation very robot-like, and we may want something else.
In real life, to make something start moving suddenly we need infinite force for only an instant. (Dirac-delta)

Easing

To make things life-like, we use specific easing functions: Easings.net
Or Bezier curves (not yet supported in Emotecraft)
image