Gallery Images Random Positions Animation

[Juan Munoz]

Hi, I´m doing a gallery where the images are animate from center to random position. This part I was able to do, but I don't want overlapping images. I´m using random utility, there is a way to do this whith snapIncrement?
Thanks for any help

See the Pen wvQZwga by jupa8712 (@jupa8712) on CodePen

[GreenSock]

You want them to animate to random positions and also make sure none of them overlap (so they're not actually random in that case)? If so, you'd need to work out that custom logic yourself, probably by checking bounding boxes, etc. It's not as if GSAP has a built-in tool do do that custom logic for you, sorry. That's not exactly a simplistic thing. 

 

Good luck with the project!

[Juan Munoz]

Hey Jack, thanks so much, I thought it can be something with snap increment. Thanks again

[Shrug ¯\_(ツ)_/¯]

You might be able to utilize some logic / approach from these two older pens by @OSUblake .

 

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

 

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

 

[Juan Munoz]

Thanks man, I will try.