tweening

import {...} from "@motion-canvas/core/lib/tweening";

Interpolation and timing of tweens.

Interfaces

• InterpolationFunction
• Spring
• TimingFunction

Variables

BeatSpring

const BeatSpring: Spring = ...

---

BounceSpring

const BounceSpring: Spring = ...

---

JumpSpring

const JumpSpring: Spring = ...

---

PlopSpring

const PlopSpring: Spring = ...

---

SmoothSpring

const SmoothSpring: Spring = ...

---

StrikeSpring

const StrikeSpring: Spring = ...

---

SwingSpring

const SwingSpring: Spring = ...

Functions

arcLerp

public arcLerpvalue: numberreverse: booleanratio: number: Vector2

Parameters

• value: number
• reverse: boolean
• ratio: number

---

boolLerp

public boolLerpTfrom: Tto: Tvalue: number: T

Type Parameters

• T

Parameters

• from: T
• to: T
• value: number

---

clamp

public clampmin: numbermax: numbervalue: number: number

Parameters

• min: number
• max: number
• value: number

---

clampRemap

public clampRemapfromIn: numbertoIn: numberfromOut: numbertoOut: numbervalue: number: number

Parameters

• fromIn: number
• toIn: number
• fromOut: number
• toOut: number
• value: number

---

cos

public cosvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

createEaseInBack

public createEaseInBacks: number = 1.70158: TimingFunction

Parameters

• s: number = 1.70158

---

createEaseInBounce

public createEaseInBouncen: number = 7.5625d: number = 2.75: TimingFunction

Parameters

• n: number = 7.5625
• d: number = 2.75

---

createEaseInElastic

public createEaseInElastics: number = 2.094395: TimingFunction

Parameters

• s: number = 2.094395

---

createEaseInOutBack

public createEaseInOutBacks: number = 1.70158v: number = 1.525: TimingFunction

Parameters

• s: number = 1.70158
• v: number = 1.525

---

createEaseInOutBounce

public createEaseInOutBouncen: number = 7.5625d: number = 2.75: TimingFunction

Parameters

• n: number = 7.5625
• d: number = 2.75

---

createEaseInOutElastic

public createEaseInOutElastics: number = 1.39626: TimingFunction

Parameters

• s: number = 1.39626

---

createEaseOutBack

public createEaseOutBacks: number = 1.70158: TimingFunction

Parameters

• s: number = 1.70158

---

createEaseOutBounce

public createEaseOutBouncen: number = 7.5625d: number = 2.75: TimingFunction

Parameters

• n: number = 7.5625
• d: number = 2.75

---

createEaseOutElastic

public createEaseOutElastics: number = 2.094395: TimingFunction

Parameters

• s: number = 2.094395

---

deepLerp

public deepLerpTFrom extends RecordanyunknownTTo extends Recordanyunknownfrom: TFromto: TTovalue: number: TFromTTo

public deepLerpTFrom extends RecordanyunknownTTo extends Recordanyunknownfrom: TFromto: TTovalue: numbersuppressWarnings: boolean: TFromTTo

public deepLerpTfrom: Tto: Tvalue: number: T

public deepLerpTfrom: Tto: Tvalue: numbersuppressWarnings: boolean: T

Interpolate between any two Records, including objects and Maps, even with mismatched keys.

Any old key that is missing in to will be removed immediately once value is not 0. Any new key that is missing in from will be added once value reaches

Type Parameters

• TFrom extends Recordanyunknown
• TTo extends Recordanyunknown

Parameters

• from: TFrom

  The input to favor when value is 0.

• to: TTo

  The input to favor when value is 1.

• value: number

  On a scale between 0 and 1, how closely to favor from vs to.

---

easeInBack

public easeInBackvalue: numberfrom?: numberto?: number: number

Parameters

• value: number
• from?: number
• to?: number

---

easeInBounce

public easeInBouncevalue: numberfrom?: numberto?: number: number

Parameters

• value: number
• from?: number
• to?: number

---

easeInCirc

public easeInCircvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInCubic

public easeInCubicvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInElastic

public easeInElasticvalue: numberfrom?: numberto?: number: number

Parameters

• value: number
• from?: number
• to?: number

---

easeInExpo

public easeInExpovalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInOutBack

public easeInOutBackvalue: numberfrom?: numberto?: number: number

Parameters

• value: number
• from?: number
• to?: number

---

easeInOutBounce

public easeInOutBouncevalue: numberfrom?: numberto?: number: number

Parameters

• value: number
• from?: number
• to?: number

---

easeInOutCirc

public easeInOutCircvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInOutCubic

public easeInOutCubicvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInOutElastic

public easeInOutElasticvalue: numberfrom?: numberto?: number: number

Parameters

• value: number
• from?: number
• to?: number

---

easeInOutExpo

public easeInOutExpovalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInOutQuad

public easeInOutQuadvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInOutQuart

public easeInOutQuartvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInOutQuint

public easeInOutQuintvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInOutSine

public easeInOutSinevalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInQuad

public easeInQuadvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInQuart

public easeInQuartvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInQuint

public easeInQuintvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeInSine

public easeInSinevalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeOutBack

public easeOutBackvalue: numberfrom?: numberto?: number: number

Parameters

• value: number
• from?: number
• to?: number

---

easeOutBounce

public easeOutBouncevalue: numberfrom?: numberto?: number: number

Parameters

• value: number
• from?: number
• to?: number

---

easeOutCirc

public easeOutCircvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeOutCubic

public easeOutCubicvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeOutElastic

public easeOutElasticvalue: numberfrom?: numberto?: number: number

Parameters

• value: number
• from?: number
• to?: number

---

easeOutExpo

public easeOutExpovalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeOutQuad

public easeOutQuadvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeOutQuart

public easeOutQuartvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeOutQuint

public easeOutQuintvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

easeOutSine

public easeOutSinevalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

linear

public linearvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

makeSpring

public makeSpringmass: numberstiffness: numberdamping: numberinitialVelocity?: number: Spring

Parameters

• mass: number
• stiffness: number
• damping: number
• initialVelocity?: number

---

map

public mapfrom: numberto: numbervalue: number: number

Parameters

• from: number
• to: number
• value: number

---

remap

public remapfromIn: numbertoIn: numberfromOut: numbertoOut: numbervalue: number: number

Parameters

• fromIn: number
• toIn: number
• fromOut: number
• toOut: number
• value: number

---

sin

public sinvalue: numberfrom: number = 0to: number = 1: number

Parameters

• value: number
• from: number = 0
• to: number = 1

---

spring

public springspring: nullSpringfrom: numberto: numbersettleTolerance: numberonProgress: ProgressFunctiononEnd?: ProgressFunction: ThreadGenerator

public springspring: nullSpringfrom: numberto: numberonProgress: ProgressFunctiononEnd?: ProgressFunction: ThreadGenerator

Parameters

• spring: nullSpring
• from: number
• to: number
• settleTolerance: number
• onProgress: ProgressFunction
• onEnd?: ProgressFunction

---

textLerp

public textLerpfrom: stringto: stringvalue: number: string

Parameters

• from: string
• to: string
• value: number

---

tween

public tweenseconds: numberonProgress: value: numbertime: number => voidonEnd?: value: numbertime: number => void: ThreadGenerator

Parameters

• seconds: number
• onProgress: value: numbertime: number => void
• onEnd?: value: numbertime: number => void