Draggable object picks up another on collision

[saturnflyer]

I'm totally new to Greensock.

 

I'm trying to make 2 objects draggable.

When they enter a container and collide with an object inside, I want the object inside that container to follow the dragged item. When the dragged object exits the container, the object following it should release it's connection to the dragged object.

 

Haven never worked with these libraries prior to this, I'd love some guidance.

See the Pen XJQwbq by anon (@anon) on CodePen

[OSUblake]

Hi saturnflyer

 

Check this out, and let me know what you don't understand.

 

I positioned all the elements absolutely from the same origin just to make it easier to see how I'm calculating the offset. The _gsTransform is a property GSAP adds to elements to store transform values like x, y, rotation, scale, etc.

 

See the Pen bNJPwM by osublake (@osublake) on CodePen

[saturnflyer]

Thanks so much! This gives me a great start!