Jump to content
GreenSock

Separator

Interpolate randomly using gsap utils

Recommended Posts

Hi there,

I want to apply effects randomly to the elements and i want these shapes to randomly fade in and out as you see in the pen.

I tried this using gsap interpolate util as shown in the pen but it interpolates through the classes at the same time. 

How do i make it interpolate randomly?

Maybe there is another way to achieve this?

See the Pen LYQvVZE by Separator (@Separator) on CodePen

Link to comment
Share on other sites

What are you trying to randomize? Duration, delay, repeatDelay, level of opacity, repeat count? I'm just not sure what the desired outcome is here.

 

Any more info would be helpful. Thanks.

 

  • Like 1
Link to comment
Share on other sites

15 minutes ago, PointC said:

What are you trying to randomize? Duration, delay, repeatDelay, level of opacity, repeat count? I'm just not sure what the desired outcome is here.

 

Any more info would be helpful. Thanks.

 

Hi PointC,

Im trying to make them pulsate like they are now but in a random order. 

Probably the opacity.

Link to comment
Share on other sites

I would think a simple stagger from a "random" start point would work just fine. Unless I'm missing something.

 

See the Pen 7ba0001b0a0436bece4757570b8b52ca by PointC (@PointC) on CodePen

 

Happy tweening.

  • Like 2
Link to comment
Share on other sites

Yes this works fine. 

I was overthinking and i complicated it, lol.

Thanks a lot!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×