Jump to content


Randomly moving object

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hello, I am trying to make object that randomly changes position forever, but now it changes position only once. I have tried to use "modifiers" but it didn't work either - it just ignored duration and animated the object instantly (position was changed in less than 20ms). Any ideas?

See the Pen eXvXjj?editors=1010 by MannySVK (@MannySVK) on CodePen

Link to comment
Share on other sites

Hi @Exhumator,


Take a look at this example.
Maybe it will help you.


See the Pen gjYeQw by mikeK (@mikeK) on CodePen


Happy tweening ...




  • Like 2
Link to comment
Share on other sites



Modifiers looks at the vars property values on every tick and updates them based on the conditions you set. That would make the box jump all over the place at every frame! 


What you want is to update the tween with new values after the current tween is done. Have a look here.


See the Pen drvrxo by sgorneau (@sgorneau) on CodePen


EDIT: I still had .invalidate().play(0)  ?‍♂️ ... was working around a few things and didn't mean to leave that in!! .invalidate() is enough :)

  • Like 3
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.