Skip to main content

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 
                                arcLerp
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      reverse
                                      : 
                                      boolean
                                    
                                    
                                      ratio
                                      : 
                                      number
                                    
                                  
                                
                                : 
                                Vector2
                              
                              

Parameters


clamp

                            
                              
                                public 
                                clamp
                                
                                  
                                    
                                      min
                                      : 
                                      number
                                    
                                    
                                      max
                                      : 
                                      number
                                    
                                    
                                      value
                                      : 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


clampRemap

                            
                              
                                public 
                                clampRemap
                                
                                  
                                    
                                      fromIn
                                      : 
                                      number
                                    
                                    
                                      toIn
                                      : 
                                      number
                                    
                                    
                                      fromOut
                                      : 
                                      number
                                    
                                    
                                      toOut
                                      : 
                                      number
                                    
                                    
                                      value
                                      : 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


cos

                            
                              
                                public 
                                cos
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


createEaseInBack

                            
                              
                                public 
                                createEaseInBack
                                
                                  
                                    
                                      s
                                      : 
                                      number
                                       = 
                                      1.70158
                                    
                                  
                                
                                : 
                                TimingFunction
                              
                              

Parameters

  • s : number = 1.70158

createEaseInBounce

                            
                              
                                public 
                                createEaseInBounce
                                
                                  
                                    
                                      n
                                      : 
                                      number
                                       = 
                                      7.5625
                                    
                                    
                                      d
                                      : 
                                      number
                                       = 
                                      2.75
                                    
                                  
                                
                                : 
                                TimingFunction
                              
                              

Parameters

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

createEaseInElastic

                            
                              
                                public 
                                createEaseInElastic
                                
                                  
                                    
                                      s
                                      : 
                                      number
                                       = 
                                      2.094395
                                    
                                  
                                
                                : 
                                TimingFunction
                              
                              

Parameters

  • s : number = 2.094395

createEaseInOutBack

                            
                              
                                public 
                                createEaseInOutBack
                                
                                  
                                    
                                      s
                                      : 
                                      number
                                       = 
                                      1.70158
                                    
                                    
                                      v
                                      : 
                                      number
                                       = 
                                      1.525
                                    
                                  
                                
                                : 
                                TimingFunction
                              
                              

Parameters

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

createEaseInOutBounce

                            
                              
                                public 
                                createEaseInOutBounce
                                
                                  
                                    
                                      n
                                      : 
                                      number
                                       = 
                                      7.5625
                                    
                                    
                                      d
                                      : 
                                      number
                                       = 
                                      2.75
                                    
                                  
                                
                                : 
                                TimingFunction
                              
                              

Parameters

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

createEaseInOutElastic

                            
                              
                                public 
                                createEaseInOutElastic
                                
                                  
                                    
                                      s
                                      : 
                                      number
                                       = 
                                      1.39626
                                    
                                  
                                
                                : 
                                TimingFunction
                              
                              

Parameters

  • s : number = 1.39626

createEaseOutBack

                            
                              
                                public 
                                createEaseOutBack
                                
                                  
                                    
                                      s
                                      : 
                                      number
                                       = 
                                      1.70158
                                    
                                  
                                
                                : 
                                TimingFunction
                              
                              

Parameters

  • s : number = 1.70158

createEaseOutBounce

                            
                              
                                public 
                                createEaseOutBounce
                                
                                  
                                    
                                      n
                                      : 
                                      number
                                       = 
                                      7.5625
                                    
                                    
                                      d
                                      : 
                                      number
                                       = 
                                      2.75
                                    
                                  
                                
                                : 
                                TimingFunction
                              
                              

Parameters

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

createEaseOutElastic

                            
                              
                                public 
                                createEaseOutElastic
                                
                                  
                                    
                                      s
                                      : 
                                      number
                                       = 
                                      2.094395
                                    
                                  
                                
                                : 
                                TimingFunction
                              
                              

Parameters

  • s : number = 2.094395

deepLerp

                            
                              
                                public 
                                deepLerp
                                
                                  
                                    
                                      TFrom
                                       extends 
                                      Record
                                      
                                        
                                          
                                            any
                                          
                                          
                                            unknown
                                          
                                        
                                      
                                    
                                    
                                      TTo
                                       extends 
                                      Record
                                      
                                        
                                          
                                            any
                                          
                                          
                                            unknown
                                          
                                        
                                      
                                    
                                  
                                
                                
                                  
                                    
                                      from
                                      : 
                                      TFrom
                                    
                                    
                                      to
                                      : 
                                      TTo
                                    
                                    
                                      value
                                      : 
                                      number
                                    
                                  
                                
                                : 
                                
                                  
                                    
                                      TFrom
                                    
                                    
                                      TTo
                                    
                                  
                                
                              
                              
                            
                              
                                public 
                                deepLerp
                                
                                  
                                    
                                      TFrom
                                       extends 
                                      Record
                                      
                                        
                                          
                                            any
                                          
                                          
                                            unknown
                                          
                                        
                                      
                                    
                                    
                                      TTo
                                       extends 
                                      Record
                                      
                                        
                                          
                                            any
                                          
                                          
                                            unknown
                                          
                                        
                                      
                                    
                                  
                                
                                
                                  
                                    
                                      from
                                      : 
                                      TFrom
                                    
                                    
                                      to
                                      : 
                                      TTo
                                    
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      suppressWarnings
                                      : 
                                      boolean
                                    
                                  
                                
                                : 
                                
                                  
                                    
                                      TFrom
                                    
                                    
                                      TTo
                                    
                                  
                                
                              
                              
                            
                              
                                public 
                                deepLerp
                                
                                  
                                    
                                      T
                                    
                                  
                                
                                
                                  
                                    
                                      from
                                      : 
                                      T
                                    
                                    
                                      to
                                      : 
                                      T
                                    
                                    
                                      value
                                      : 
                                      number
                                    
                                  
                                
                                : 
                                T
                              
                              
                            
                              
                                public 
                                deepLerp
                                
                                  
                                    
                                      T
                                    
                                  
                                
                                
                                  
                                    
                                      from
                                      : 
                                      T
                                    
                                    
                                      to
                                      : 
                                      T
                                    
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      suppressWarnings
                                      : 
                                      boolean
                                    
                                  
                                
                                : 
                                T
                              
                              

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

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

Type Parameters

  • TFrom extends Record any unknown
  • TTo extends Record any unknown

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 
                                easeInBack
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      ?: 
                                      number
                                    
                                    
                                      to
                                      ?: 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInBounce

                            
                              
                                public 
                                easeInBounce
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      ?: 
                                      number
                                    
                                    
                                      to
                                      ?: 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInCirc

                            
                              
                                public 
                                easeInCirc
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInCubic

                            
                              
                                public 
                                easeInCubic
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInElastic

                            
                              
                                public 
                                easeInElastic
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      ?: 
                                      number
                                    
                                    
                                      to
                                      ?: 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInExpo

                            
                              
                                public 
                                easeInExpo
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInOutBack

                            
                              
                                public 
                                easeInOutBack
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      ?: 
                                      number
                                    
                                    
                                      to
                                      ?: 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInOutBounce

                            
                              
                                public 
                                easeInOutBounce
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      ?: 
                                      number
                                    
                                    
                                      to
                                      ?: 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInOutCirc

                            
                              
                                public 
                                easeInOutCirc
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInOutCubic

                            
                              
                                public 
                                easeInOutCubic
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInOutElastic

                            
                              
                                public 
                                easeInOutElastic
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      ?: 
                                      number
                                    
                                    
                                      to
                                      ?: 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInOutExpo

                            
                              
                                public 
                                easeInOutExpo
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInOutQuad

                            
                              
                                public 
                                easeInOutQuad
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInOutQuart

                            
                              
                                public 
                                easeInOutQuart
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInOutQuint

                            
                              
                                public 
                                easeInOutQuint
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInOutSine

                            
                              
                                public 
                                easeInOutSine
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInQuad

                            
                              
                                public 
                                easeInQuad
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInQuart

                            
                              
                                public 
                                easeInQuart
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInQuint

                            
                              
                                public 
                                easeInQuint
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeInSine

                            
                              
                                public 
                                easeInSine
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeOutBack

                            
                              
                                public 
                                easeOutBack
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      ?: 
                                      number
                                    
                                    
                                      to
                                      ?: 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeOutBounce

                            
                              
                                public 
                                easeOutBounce
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      ?: 
                                      number
                                    
                                    
                                      to
                                      ?: 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeOutCirc

                            
                              
                                public 
                                easeOutCirc
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeOutCubic

                            
                              
                                public 
                                easeOutCubic
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeOutElastic

                            
                              
                                public 
                                easeOutElastic
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      ?: 
                                      number
                                    
                                    
                                      to
                                      ?: 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeOutExpo

                            
                              
                                public 
                                easeOutExpo
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeOutQuad

                            
                              
                                public 
                                easeOutQuad
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeOutQuart

                            
                              
                                public 
                                easeOutQuart
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeOutQuint

                            
                              
                                public 
                                easeOutQuint
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


easeOutSine

                            
                              
                                public 
                                easeOutSine
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


linear

                            
                              
                                public 
                                linear
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


makeSpring

                            
                              
                                public 
                                makeSpring
                                
                                  
                                    
                                      mass
                                      : 
                                      number
                                    
                                    
                                      stiffness
                                      : 
                                      number
                                    
                                    
                                      damping
                                      : 
                                      number
                                    
                                    
                                      initialVelocity
                                      ?: 
                                      number
                                    
                                  
                                
                                : 
                                Spring
                              
                              

Parameters


map

                            
                              
                                public 
                                map
                                
                                  
                                    
                                      from
                                      : 
                                      number
                                    
                                    
                                      to
                                      : 
                                      number
                                    
                                    
                                      value
                                      : 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


remap

                            
                              
                                public 
                                remap
                                
                                  
                                    
                                      fromIn
                                      : 
                                      number
                                    
                                    
                                      toIn
                                      : 
                                      number
                                    
                                    
                                      fromOut
                                      : 
                                      number
                                    
                                    
                                      toOut
                                      : 
                                      number
                                    
                                    
                                      value
                                      : 
                                      number
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


sin

                            
                              
                                public 
                                sin
                                
                                  
                                    
                                      value
                                      : 
                                      number
                                    
                                    
                                      from
                                      : 
                                      number
                                       = 
                                      0
                                    
                                    
                                      to
                                      : 
                                      number
                                       = 
                                      1
                                    
                                  
                                
                                : 
                                number
                              
                              

Parameters


spring

                            
                              
                                public 
                                spring
                                
                                  
                                    
                                      spring
                                      : 
                                      
                                        
                                          
                                            null
                                          
                                          
                                            Spring
                                          
                                        
                                      
                                    
                                    
                                      from
                                      : 
                                      number
                                    
                                    
                                      to
                                      : 
                                      number
                                    
                                    
                                      settleTolerance
                                      : 
                                      number
                                    
                                    
                                      onProgress
                                      : 
                                      ProgressFunction
                                    
                                    
                                      onEnd
                                      ?: 
                                      ProgressFunction
                                    
                                  
                                
                                : 
                                ThreadGenerator
                              
                              
                            
                              
                                public 
                                spring
                                
                                  
                                    
                                      spring
                                      : 
                                      
                                        
                                          
                                            null
                                          
                                          
                                            Spring
                                          
                                        
                                      
                                    
                                    
                                      from
                                      : 
                                      number
                                    
                                    
                                      to
                                      : 
                                      number
                                    
                                    
                                      onProgress
                                      : 
                                      ProgressFunction
                                    
                                    
                                      onEnd
                                      ?: 
                                      ProgressFunction
                                    
                                  
                                
                                : 
                                ThreadGenerator
                              
                              

Parameters


textLerp

                            
                              
                                public 
                                textLerp
                                
                                  
                                    
                                      from
                                      : 
                                      string
                                    
                                    
                                      to
                                      : 
                                      string
                                    
                                    
                                      value
                                      : 
                                      number
                                    
                                  
                                
                                : 
                                string
                              
                              

Parameters


tween

                            
                              
                                public 
                                tween
                                
                                  
                                    
                                      seconds
                                      : 
                                      number
                                    
                                    
                                      onProgress
                                      : 
                                      public 
                                      
                                      ()
                                    
                                    
                                      onEnd
                                      ?: 
                                      public 
                                      
                                      ()
                                    
                                  
                                
                                : 
                                ThreadGenerator
                              
                              

Parameters