I sorta pieced together a bunch of different ideas eg. How to access the canvas API, how to "getContext", how to draw an image on that 2D context, how to repeatedly draw the image x times per second, how to design an input control system that modifies the object coordinates, etc. You are probably well acquainted with MDN so their Canvas tutorial is a good bet, but I personally really loved this "HTML Canvas Deep... Source: almost 2 years ago

Haha, I'm glad! I'm a frontend dev and, unfortunately, usually just grab a loading animation off of https://loading.io/. Now I kinda wish I'd thought to go look at how your animation is done - is it a gif under the hood, or is it a cool canvas thing? Too late now, since generation is disabled, but maybe I'll take a look in a few days when it's back up. :). Source: about 1 year ago

I used this as a base and used this for the loading animation. Source: about 1 year ago

Loading.io usage is similar to Animista's in that no additional package is required to get started. You'd simply go to their website, choose a preferred loader, customize as desired, and then export. - Source: dev.to / over 1 year ago

CSS Loaders Library with free CSS loaders for you to pick from. - Source: dev.to / almost 2 years ago

This site has a bunch of neat copy/paste-able CSS loading spinners you can use if you can't do it yourself by hand: https://loading.io/ (although beware that this site makes Firefox insta-crash when I try to open it??? Chrome is fine though, huh). Source: over 2 years ago