[CustomEase License / Node JS import issue]

I'm a silly goose. For anyone reading this and is a silly goose like me, I followed the NPM / Build tools thing here https://greensock.com/docs/v3/Installation?checked=core,customEase#private

 

Worked like a charm!

 

[CustomEase License / Node JS import issue]

Hey everyone, I'm trying to include CustomEase on my Svelte project. I am under the impression CustomEase is included with the free membership? I could be mistaken. Anyway, I was trying to look for the bug that was preventing me from importing it and I found that it was commented out under "Bonus" in my node_modules folder gsap/all.js, which gave me the impression it's only for club members.

 

export * from "./MotionPathPlugin.js";

export * from "./PixiPlugin.js";

export * from "./ScrollToPlugin.js";

export * from "./ScrollTrigger.js";

export * from "./TextPlugin.js";

 

//BONUS EXPORTS

//export * from "./CustomEase.js";

//export * from "./DrawSVGPlugin.js";

//export * from "./Physics2DPlugin.js";

//export * from "./PhysicsPropsPlugin.js";

//export * from "./ScrambleTextPlugin.js";

//export * from "./CustomBounce.js";

 

If it's club-only please let me know. But if not, I wonder how I can include it without breaking the code for when you guys release updates?

Thanks!

 

 

 

 

[Tweening a javascript variable or array]

I'm looking for something simple but I can't seem to find it in the docs. I found something with the old TweenMax but it's not relevant to GSAP 3

 

Basically, I have two arrays:

 

Arr1 = [0,0]

Arr2 = [50,40]

 

I would like to tween arr1 to arr2 over some duration. If that's impossible, then splitting it into individual gsap.to's with individual variables would work too.

 

I know this is pretty simple most likely but I'm pulling my hair out.

 

Thanks!

[Random duration to each element]

Is there any good solution to the following:

 

I have an exploding particle system (I can't use canvas because it's a 3d scene and needs to coincide with CSS perspective of the page).

 

The values x and z are being animated, but they are interpendent. So I can't do something like {x: () => randomFunction(), y () => randomFunctionTwo()}

 

Basically each particle moves in a random direction, but the distance is constant. So x and z  are calculated using trignonometry based on that random angle. I originally had it set up that individual particles were individually animated. I'm trying to group them in with stagger to hopefully save the cost of destroy and re-creating elements. But it seems that I can't get "x" and "z" to talk to each other if I'm grouping them all with stagger. 

 

Wonder if GSAP has some hidden feature I don't know about.

 

Thanks!