Using ChatGPT I built this loading screen / easter egg with TS.
I started simple. Asking for just one red square falling from the top of the screen
That started using the
matter-js library, and it created a floor and a red square as I requested.Then I created the interval to keep adding more red squares
Then I asked ChatGPT to make the squares fall from random positions
Then I asked ChatGPT to add side walls
Then I asked ChatGPT to replace the red boxes with images
It works great on Chrome, but on Safari is clearly not very smooth. Maybe the library is not the best choice possible, but I am happy with it because it only took me 10 minutes!