codepens/generative-re-arranging-gri...
Dym Sohin f132183c1d init 2023-10-06 23:12:53 +02:00
..
dist init 2023-10-06 23:12:53 +02:00
src init 2023-10-06 23:12:53 +02:00
README.markdown init 2023-10-06 23:12:53 +02:00
license.txt init 2023-10-06 23:12:53 +02:00

README.markdown

Generative Re-arranging Grids with GSAP FLIP 💚

A Pen created on CodePen.io. Original URL: https://codepen.io/georgedoescode/pen/dyVvWRy.

A generative grid layout that magically re-arranges itself when you move your device pointer!

Created using GSAP FLIP, the process involves creating random Quadtree data structures with objects focused around the current pointer position, using those Quadtrees to create CSS grid layouts, filling those grids with items, then animating them.