Falling objects and collecting them in its container

[Akash Ranjan]

Hi,

 

I am trying to achieve the effect using GSAP physics plugin in which the objects fall from the sky and collect on the ground and does not stack on each other instead they collide.

 

Please help me

See the Pen BaMqYJR by akashrwx (@akashrwx) on CodePen

[mvaneijgen]

From the docs https://gsap.com/docs/v3/Plugins/Physics2DPlugin/

Quote

It is not intended to replace a full-blown physics engine and does not offer collision detection, but serves as a way to easily create interesting physics-based effects with the GreenSock Animation Platform.

I've never have needed it and GSAP has no collision plugin, so I can't advise you on a tool that does. Sorry.

[Rodrigo]

Hi,

 

You might want to have a look at Matter JS:

https://brm.io/matter-js/

 

https://www.codepel.com/demo/falling-text-animation-javascript/

 

This demo by @OSUblake shows an approach you can follow using GSAP:

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

 

Hopefully this helps.

Happy Tweening!