Wolf_22

It is part of a larger script but thankfully, that's where the Drupal Behaviors handles that for me.

I was way off base with my idea there... I guess I was thinking about how it might be a better way for the browser (or instance of the script) to better handle any trash if it's constrained to the jQuery object but after looking it up, it looks like JavaScript has its own memory management (like PHP does). No, I'm not thinking about extending anything, so I'll definitely stick to the regular way.

Is there any memory management benefit from using the $.fn.funcName approach? For example, the site I'm working on makes heavy use of jQuery... Not sure if that changes things or not.

Awesome! That did the trick! Thanks, Zach! 2 follow-up questions: 1.) When you combine multiple animations, that's essentially what you're referring to when you mention sequencing? 2.) Why is using the X / Y approach better?

Hi, Zach. Thanks for the CodePen link. I'll try to get an account to that created today but here's a jsfiddle: https://jsfiddle.net/xqac2m58/ Maybe that helps illustrate what I'm trying to do a little? Simply put, I'm hoping to create a background aesthetic consisting of shapes which move in random directions upon page load and resize but have the shapes come to a slow stop at some interval after the page is done loading or done resizing. I've come close to having this with the TimeLineMax object but I'm stuck on trying to understand what I've done wrong with making the shapes exhibit fluid motion, meaning, they go for a second or two and then stop whereby that sequence of animation keeps repeating over and over.

I have 5 DIVs, all with the same CSS background image (PNG file) and what I'm trying to do is as follows: 1.) Append each "image DIV" to the BODY element at random X/Y coordinates via jQuery(window).ready(). 2.) Loop through each shape to animate them using random trajectories with random shape rotations. 3.) Ensure the animation is continuous and fluid even when the window is resized. Can this be done? I've seen a few examples that purport to display randomized animations but they usually have a "jerk" at the end of the animation whereby it then picks up where it left off... I'd like to avoid that and make it all animate continuously without any stops. Everything I've done so far using TimeLineMax with tl.set() and tl.to() have come close but fail to look random with both starting points and animation trajectories but also fail to look fluid... Ugh. I wish I knew this stuff better. Can someone give me some guidance with this? Simply put, I'm just trying to make a fluid motion background using these shapes but when the browser resizes, I want the animation to persist where it was before the window resizes and I want the animation to never stop.