hidanielle

@OSUblake Ah this makes sense! Thank you so much for this!

Hey, I am new to Greensock but I'm trying to set up some background and cursor effects for a page. I've attached a Codepen of where I've gotten so far. Essentially, I'd like to have an "idle" animation on a page, where these squares are floating around randomly within the bounds of the screen infinitely until a mouse hovers over a link, where I'd then like the squares to come together into one and follow the cursor. Then, go back to floating around the page on mouseout. I was able to get the squares floating around randomly infinitely by creating a reusable tween function that calls itself on complete with random values generating (I found this example on these forums), but when I try to hook it up to the rest of the effects, the squares come together on hover but then immediately move back to the repeating random tween and it's all sketchy. I suspect I am just lacking a proper understanding of how to utilize timelines? Any help would be much appreciated! Thank you so much :)