iOS Jiggly Nodding Doggies

I was recently deleting apps from my iPhone homescreen and wondered if it was possible to create the iOS jiggle animation in ProtoPie.

I ended up with these little nodding doggies to illustrate that it is possible!

The jiggle animation is unique because it feels very organic. The icons all seem to move slightly differently.

I used rotation and vertical movement to create this as well as offsetting the timings for each. I also varied the origin point (the central point of rotation) to achieve the desired effect.

I did this manually for these 3 icons but with a bit more work it would be possible to create a single component which generates random values (within a limit) and easily create a full screen of apps.

Check out the interactive version:
https://cloud.protopie.io/p/19327139e5