GSAP Draggable: How to dynamically block movement

[Harold Bace]

I am looking for a way to prevent dragging an object over other objects when using GSAP Draggable.

 

An object A that is dragged around must be "blocked" by another object B, so that A cannot overlap B.

 

I know how to detect "hits" with hitTest, but how do I prevent the dragged object from being moved over another object?

[OSUblake]

What's your use case?

 

Trying to do that while dragging is really complicated. There is nothing to stop a user from moving their mouse through a "blocked" element. See this demo. It's using a collision detection library with responses, but the dragging is a little wonky because you can move your mouse through blocks, causing your draggable to jump around.

 

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

 

 

That's a demo I quickly modified from this thread. It could be done better, but I don't have the time to rework it.