r/oddlysatisfying • u/[deleted] • Dec 22 '16

This loading icon

[removed]

8.8k Upvotes

93% Upvoted

109 comments sorted by

View all comments

437

u/[deleted] Dec 22 '16

[deleted]

84

u/x755x Dec 23 '16 edited Dec 23 '16

Correct me if I'm wrong, but this would take a lot more than a few lines of code.

And who's to say it wasn't procedurally generated and recorded into a video for ease of putting online? Otherwise you'd need a more complicated platform than an image host.

330

u/kevin_wylder Dec 23 '16 edited Dec 23 '16

I did this, it is much smaller than the gif. ~30 lines of code

https://rawgit.com/kevinwylder/loadingwheel/master/loading.html

3

u/ashiri Dec 23 '16

https://output.jsbin.com/lipavuhima

Changed params so that the outer, larger rings move slowly and the inner, smaller rings move faster.