ease - out
Back

`.outBack()`

Description

This function calculates an ease-out interpolation with a backward motion effect, where the animation overshoots its final value before reaching the end.

The returned value is by default a nonlinear interpolation between 0.0 and 1.0 or
in case start and stop parameter are being passed as aguments, the output will be an interpolation between those two given values.

The counter parameter should be tuned according to the totalLength e.g. if the total totalLength value was set to 3.0 seconds, the counter parameter should be an incremental value between 0.0 and 3.0 in order to complete one motion cycle.

There are three kind of cycling behaviour: either "loop" "alternate" or "once", and when combined with an incremental counter parameter, the output will variate.

"loop" the motion will loop from 0 to 1 (this is is the default option);
note: the function expects the counter to be between 0.0 and totalLength
"alternate" the motion goes from 0 to 1, then inverts from 1 back to 0, alternatively.
note: the function expects the counter to be between 0.0 and twice the totalLength
"once" the motion cycle from from 0 to 1 only once

Example:

Ease_outBack.pde

import easy.ease.*;

float intensity = 4.0;
float totalLength = 2;
float span = 1.5;
float delay = 0.25;
EasyEase curve = new EasyEase(this, intensity, totalLength, span, delay);

void setup() {
  size(600, 400);
}

void draw() {
  background(#f1f1f1);
  fill(#ff0000);

  float mot_counter = curve.framer(frameCount);
  float x = curve.outBack(mot_counter ) * (width-100);
  rect(x, 0, 100, width);
}

Ease_outBack.pde

Syntax

.outBack(counter)

.outBack(counter,option)

.outBack(counter, start, stop)

.outBack(counter, start, stop, option)

Parameters

counter (float) an incremental value between 0 and totalLength

start (float) the lowest desired output value

stop (float) the highest desired output value

option (String) either "loop", "alternate" or "once"

Return

float

Back

.outBack()