Easing

Easing is a feature that allows you to specify two or three points and interpolate between them to change their values. In Effekseer, you can apply easing to various parmeters of your effects. There are various types of easing, and we describe them here.

Types of easing

There are many different types of easing, such as a behavior that starts with a sudden change and ends with a slow change.

A graph showing all types of easing is available at the end of this page.

Middle point

The standard easing is two points, but you can also add an intermediate point. The values always change via the middle point.

Random group

Effekseer's easing can be randomized for both start and end points. This is not a problem if all the values are disparate, but sometimes you want XY to be random but the same value, and only Z to be different. For example, if you have a 3D model of a cylinder that you want to use as a beam, the random XY values need to be the same because you want to keep the shape of the circle.

In such a case, there is a feature called groups.

If the group numbers are the same, the random behavior will be the same. It allows you to reproduce randomness where XY is equal but Z is different.

Type individual

It allows you to set different types of easing for each of XYZ.

List of easing types

  • EaseInBack

../../_images/EaseInBack.png
  • EaseInBounce

../../_images/EaseInBounce.png
  • EaseInCubic

../../_images/EaseInCubic.png
  • EaseInOutBack

../../_images/EaseInOutBack.png
  • EaseInOutBounce

../../_images/EaseInOutBounce.png
  • EaseInOutCubic

../../_images/EaseInOutCubic.png
  • EaseInOutQuadratic

../../_images/EaseInOutQuadratic.png
  • EaseInOutQuartic

../../_images/EaseInOutQuartic.png
  • EaseInOutQuintic

../../_images/EaseInOutQuintic.png
  • EaseInQuadratic

../../_images/EaseInQuadratic.png
  • EaseInQuartic

../../_images/EaseInQuartic.png
  • EaseInQuintic

../../_images/EaseInQuintic.png
  • EaseOutBack

../../_images/EaseOutBack.png
  • EaseOutBounce

../../_images/EaseOutBounce.png
  • EaseOutCubic

../../_images/EaseOutCubic.png
  • EaseOutQuadratic

../../_images/EaseOutQuadratic.png
  • EaseOutQuartic

../../_images/EaseOutQuartic.png
  • EaseOutQuintic

../../_images/EaseOutQuintic.png