No Mans Sky Periodic Table (lots of Lottie)

Community resources Show & Tell
#1

I went crazy with the Lottie integration and made this periodic table: https://dakotas-fabulous-project.webflow.io/

The only technical thing here was figuring out how to keep the animation looping after a hover animation.

The workaround was having two instances stacked on top of each other. The top one is looping constantly and on hover disappears. While the hover is active the animation follows the mouse X axis. On hover out the top loop becomes visible again. Not too bad.

Shoutout to @Mr_Finn for the help with getting that working

5 Likes
#2

thats a LOT of lottie.

2 Likes
#3

@dakota Wow, this looks awesome. But yes, I hope you find an answer on how to achieve that without having to use my double-lottie suggestion. It takes a while for the animations to start showing :pensive:

1 Like