1. Home
  2. Modules
  3. j5e/easing
Description
Easing functions for animation segments.
Details

easing/index.js, line 1

easings.net to help understand easing functions

Methods

<static> inQuad( input ) → {Number}

Description
inQuad
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inQuad easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inQuad } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inQuad
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 66

easings.net for details

<static> outQuad( input ) → {Number}

Description
outQuad
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease an animation segment. Move a servo from 0° to 90° with linear easing and then 90° to 180° with outQuad easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { outQuad } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 0.5, 1],
			  keyFrames: [0, 90, { value: 180, easing: outQuad }]
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 91

easings.net for details

<static> inOutQuad( input ) → {Number}

Description
inOutQuad
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inOutQuad easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inOutQuad } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inOutQuad
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 117

easings.net for details

<static> inCube( input ) → {Number}

Description
inCube
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inCube easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inCube } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inCube
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 146

easings.net for details

<static> outCube( input ) → {Number}

Description
outCube
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease an animation segment. Move a servo from 0° to 90° with linear easing and then 90° to 180° with outCube easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { outCube } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 0.5, 1],
			  keyFrames: [0, 90, { value: 180, easing: outCube }]
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 171

easings.net for details

<static> inOutCube( input ) → {Number}

Description
inOutCube
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inOutCube easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inOutCube } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inOutCube
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 197

easings.net for details

<static> inQuart( input ) → {Number}

Description
inQuart
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inQuart easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inQuart } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inQuart
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 226

easings.net for details

<static> outQuart( input ) → {Number}

Description
outQuart
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease an animation segment. Move a servo from 0° to 90° with linear easing and then 90° to 180° with outQuart easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { outQuart } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 0.5, 1],
			  keyFrames: [0, 90, { value: 180, easing: outQuart }]
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 251

easings.net for details

<static> inOutQuart( input ) → {Number}

Description
inOutQuart
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inOutQuart easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inOutQuart } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inOutQuart
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 277

easings.net for details

<static> inQuint( input ) → {Number}

Description
inQuint
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inQuint easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inQuint } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inQuint
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 306

easings.net for details

<static> outQuint( input ) → {Number}

Description
outQuint
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease an animation segment. Move a servo from 0° to 90° with linear easing and then 90° to 180° with outQuint easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { outQuint } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 0.5, 1],
			  keyFrames: [0, 90, { value: 180, easing: outQuint }]
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 331

easings.net for details

<static> inOutQuint( input ) → {Number}

Description
inOutQuint
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inOutQuint easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inOutQuint } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inOutQuint
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 357

easings.net for details

<static> inSine( input ) → {Number}

Description
inSine
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inSine easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inSine } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inSine
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 386

easings.net for details

<static> outSine( input ) → {Number}

Description
outSine
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease an animation segment. Move a servo from 0° to 90° with linear easing and then 90° to 180° with outSine easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { outSine } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 0.5, 1],
			  keyFrames: [0, 90, { value: 180, easing: outSine }]
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 411

easings.net for details

<static> inOutSine( input ) → {Number}

Description
inOutSine
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inOutSine easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inOutSine } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inOutSine
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 437

easings.net for details

<static> inExpo( input ) → {Number}

Description
inExpo
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inExpo easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inExpo } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inExpo
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 463

easings.net for details

<static> outExpo( input ) → {Number}

Description
outExpo
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease an animation segment. Move a servo from 0° to 90° with linear easing and then 90° to 180° with outExpo easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { outExpo } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 0.5, 1],
			  keyFrames: [0, 90, { value: 180, easing: outExpo }]
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 488

easings.net for details

<static> inOutExpo( input ) → {Number}

Description
inOutExpo
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inOutExpo easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inOutExpo } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inOutExpo
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 514

easings.net for details

<static> inCirc( input ) → {Number}

Description
inCirc
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inCirc easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inCirc } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inCirc
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 548

easings.net for details

<static> outCirc( input ) → {Number}

Description
outCirc
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease an animation segment. Move a servo from 0° to 90° with linear easing and then 90° to 180° with outCirc easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { outCirc } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 0.5, 1],
			  keyFrames: [0, 90, { value: 180, easing: outCirc }]
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 573

easings.net for details

<static> inOutCirc( input ) → {Number}

Description
inOutCirc
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inOutCirc easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inOutCirc } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inOutCirc
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 599

easings.net for details

<static> inBack( input ) → {Number}

Description
inBack
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inBack easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inBack } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inBack
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 628

easings.net for details

<static> outBack( input ) → {Number}

Description
outBack
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease an animation segment. Move a servo from 0° to 90° with linear easing and then 90° to 180° with outBack easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { outBack } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 0.5, 1],
			  keyFrames: [0, 90, { value: 180, easing: outBack }]
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 653

easings.net for details

<static> inOutBack( input ) → {Number}

Description
inOutBack
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inOutBack easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inOutBack } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inOutBack
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 679

easings.net for details

<static> inBounce( input ) → {Number}

Description
inBounce
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inBounce easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inBounce } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inBounce
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 707

easings.net for details

<static> outBounce( input ) → {Number}

Description
outBounce
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease an animation segment. Move a servo from 0° to 90° with linear easing and then 90° to 180° with outBounce easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { outBounce } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 0.5, 1],
			  keyFrames: [0, 90, { value: 180, easing: outBounce }]
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 732

easings.net for details

<static> inOutBounce( input ) → {Number}

Description
inOutBounce
Parameters
Name Type Description
input Number value [0, 1]
Returns
Examples

Ease the entire animation. Move a servo from 0° to 180° with inOutBounce easing.

import Servo from "j5e/servo";
			import Animation from "j5e/animation";
			import { inOutBounce } from "j5e/easing";
			
			const servo = await new Servo(13);
			const ani = await new Animation(servo);
			
			const wave = {
			  duration: 4000,
			  cuePoints: [0, 1],
			  keyFrames: [0, 180],
			  easing: inOutBounce
			};
			
			ani.enqueue(wave);
Details

easing/index.js, line 766

easings.net for details