Concatenate Eases with config

[swampthang]

Is there a way to assemble eases using variables including config for parameters?

 

I was wondering if the ease object can be broken down into separate parameters - something like:

let easeName = 'Elastic',
    easeType = 'easeOut',
    overshoot = 3;

TweenMax.to('.ball',2,{
  x: 400, 
  ease: {
    name: easeName, 
    type: easeType, 
    config: function(overshoot)
  }
});

 

See the Pen VqOgrg by swampthang (@swampthang) on CodePen

[swampthang]

Ended up doing it something like this...

See the Pen XowQMm by swampthang (@swampthang) on CodePen

 

[GreenSock]

Let us know if you still need any help. 

 

Since various eases accommodate different types of config() values, you can't just plop a common chunk of code in there for everything, but you could certainly build something that'd have conditional logic where necessary to accommodate parameters. 

[swampthang]

Thanks, Jack. I think I've got it worked out. I built a pretty extensive set of input fields and select menus that are triggered visible based on which ease-type is selected. I'm using a switch statement to build them out from there.