This took me a long time. I started with an inspirational sketch from blueje animations.
I knew I wouldn't be able to make this the way it is but I thought I would make rounded squares of several sizes flashing out towards the viewer. I was unable to animate these squares so I tried several more options. Finally I borrowed a sine function from an example in p5 reference.
I adjusted the number to make the balls squares and then to set them into each other rather than side by side. I then wanted the squares to only have an outline, not filled.
This wasn't too exciting so I thought I would add more squares coming out of the center. I started by copying the 3 sine functions I had to see what would happen. They sat upon themselves so didn't add any more sqiares to the image. I then played with the sine numbers and got this.
I played around with the speed in angle+ and ended up with the speed at 0.05. Anything faster was too hard to look at and slower was less interesting. I then decided to put "loading..." to explain to the viewer why they are waiting. I did a quick tutorial in Khan Academy and p5 to learn how to add text. It is one of the easier things to learn lol
