Falling Shapes - What is Concept Name ?

[sawacrow]

 

Hi,

I'm trying to do something similar in concept to the video.

10-15 different SVG shapes will bounce low down the Header. But since I don't know the concept name of it, I can't do research and look at examples. I couldn't find any results in Codepen. (2d)

it should be random/overlapping like tetris if possible. (i.e. it shouldn't go through)

 

Does anyone know what the name of this concept is?

 

 

[geedix]

I don't know, you could just call the concept "falling cubes". 

You could get close with some randomized gsap tweens using a "bounce.out" ease.

I would also look into the gsap Physics2d plugin: https://greensock.com/docs/v3/Plugins/Physics2DPlugin  You would have to figure out your own collision detection, though. There are other libraries for that, but I haven't tried them. https://brm.io/matter-js/ looks fun. Good luck!

 

 

[Rodrigo]

Hi,

 

The Physics2D Plugin won't account for collision detection and bounds. It can help you simulate gravity and friction in your animations though.

 

This example by @OSUblake can help you at least to figure the bounds and bounce effect:

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

 

Happy Tweening!

[sawacrow]

19 hours ago, geedix said:

 

I don't know, you could just call the concept "falling cubes". 

You could get close with some randomized gsap tweens using a "bounce.out" ease.

I would also look into the gsap Physics2d plugin: https://greensock.com/docs/v3/Plugins/Physics2DPlugin  You would have to figure out your own collision detection, though. There are other libraries for that, but I haven't tried them. https://brm.io/matter-js/ looks fun. Good luck!

 

 

 

6 hours ago, Rodrigo said:

Hi,

 

The Physics2D Plugin won't account for collision detection and bounds. It can help you simulate gravity and friction in your animations though.

 

This example by @OSUblake can help you at least to figure the bounds and bounce effect:

 

 

 

Happy Tweening!

 

@Rodrigo, @geedix

these are great answers. Thanks a lot !
I love this community more and more every day.