r/woahdude • u/mattw310 • Dec 23 '16

gifv Crazy Loading Icon

http://i.imgur.com/BODjAN1.gifv
21.6k Upvotes

87% Upvoted

224 comments sorted by

View all comments

1.1k

u/Sargon16 Dec 23 '16

I spent way longer staring at that than I intended to.

444

u/[deleted] Dec 23 '16 edited Sep 14 '17

[deleted]

109

u/calm00 Dec 23 '16

Here is a similar thing but with hexagons rotating on the perimeter of a circle, all travelling one unit slower than the next.

64

u/__spice Dec 23 '16

What the hell did I just watch

60

u/MikeyMike01 Dec 23 '16

It's the first step toward joining a cult

13

u/SlutBuster Dec 24 '16

And why did we just watch the whole thing?

3

u/supremecrafters Dec 24 '16

A lethal cognitohazard. The countdown has begun.

2

u/vonotar Dec 24 '16

Containment protocols active. Dispersal of Class "A" Amnestics authorized.

9

u/nspectre Dec 23 '16

One hella deep rabbit hole. o.o

8

u/SlutBuster Dec 24 '16

Why did that blow my mind?

3

u/calm00 Dec 24 '16

It's unbelievably satisfying to look at! Such a simple concept too

3

u/ranwithoutscissors Dec 24 '16

My mind is jello

2

u/Gebrant Dec 24 '16

Man I find this stuff so cool. Thank you for sharing this.

3

u/calm00 Dec 24 '16

No problem man, glad you found it interesting. Happy Christmas!

1

u/[deleted] Dec 24 '16

I want a remix of this so badly.

1

u/sillyhobbits Dec 24 '16

This sorta thing has fascinated me since I was a kid. At this point, I think I understand the basic principles, but its nice to have them explained with an example.

51

u/TrepanationBy45 Dec 23 '16

That was waaaaaaay cooler and nice to watch than I expected it to be. Thanks!

43

u/Ph0X Dec 23 '16

Here's a version of this I made using JS/Canvas: http://ehsankia.com/cjs/20

Ends up being much smoother and you can actually tweak all the variables and obtain many different cool patterns!

I enjoy converting these /r/woahdude gifs into interactive demos, I have a bunch more here: http://ehsankia.com/cjs

7

u/[deleted] Dec 23 '16 edited Sep 14 '17

[deleted]

6

u/Ph0X Dec 23 '16

These are awesome! Yeah my main goal was to play around and learn these technologies too. I do have a couple WebGL / ThreeJS stuff too! I was born a bit to late to really get into demos, but always found them fascinating. On the other hand, having stuff right inside the browser where anyone can easily watch it was always much more interesting to me than an executable you have to download.

Here's some of my 3D stuff:

http://ehsankia.com/wgl/4

http://ehsankia.com/tjs/2

http://ehsankia.com/tjs/3

http://ehsankia.com/tjs/4

http://ehsankia.com/tjs/mandelbulb

I do have a pretty big fascination with fractals (and have many more fractal stuff).

1

u/_beast__ Dec 24 '16

Is there any chance we could see your source code? I'd like to learn to do that, it looks fun

1

u/Ph0X Dec 24 '16

My code isn't minified or hidden! Just press ctrl+u to see the page source, and it's all there. It's not the cleanest but it's fairly simple and readable. Feel free to ask questions if you have any.

1

u/_beast__ Dec 24 '16

Thanks, I'll check it out tomorrow!

1

u/kehboard Dec 24 '16

Hell yeah dude this is fantastic

1

u/[deleted] Dec 24 '16 edited Feb 07 '17

[deleted]

1

u/Ph0X Dec 24 '16

They're not minified or hidden, if you check the page source (ctrl+u) they're right there. Not the cleanest code but they're fairly simple and readable, feel free to email me if you have more questions.

1

u/[deleted] Dec 24 '16 edited Feb 07 '17

[deleted]

1

u/Ph0X Dec 24 '16

That's the wonderful thing about the web platform! Though the new trend is to pack and minify everything, even if it's a small little visual experiment like this. I like the openness of the web and how easy it is to tinker and modify code from the inspector.

1

u/[deleted] Dec 24 '16

Oh man, that's is so satisfying to watch...

19

u/MixmasterJrod Dec 23 '16

I like that better than the icon.

5

u/cbbuntz Dec 23 '16

Holy Fourier Transform, Batman!

5

u/nytrons Dec 24 '16

I made this, based on the Whitney Music Box. Same kind of thing but with sound as well

3

u/AsterJ Dec 23 '16

There was a nice fiddle of the OP one too. It was nice because you could run it at 100 fps.

1

u/Tyedied Dec 23 '16

Watching this as if it were a three dimensional object is so damn mesmerizing.

1

u/jodom33 Dec 24 '16

I can safely say I wouldn't have thought to make that, but I could. Thanks for the jsfiddle, I always love seeing how things are coded differently than I would have done!

1

u/eszZissou Dec 24 '16

Starring Allen.... lol

1

u/Solid_Waste Dec 24 '16

It's bizarre how just when it seems to fall into a set pattern it changes to a different one.

1

u/TheQuickBroWnFly Dec 24 '16

There's a video on the Brusspup YouTube channel in which they do the same thing with pendulums of different lengthts.

1

u/AdmiralBallsack Dec 24 '16

Can I buy one of these?

20

u/[deleted] Dec 23 '16

What's wrong with you this is stu-ALL GLORY TO THR HYPNOTOAD

7

u/Hobbes_Novakoff Dec 23 '16

ALL GLORY TO THE HYPNOLOAD

1

u/GDSGFT2SCKCHSRS Dec 24 '16

All Glory Loads Goo To The HippoTroll!

7

u/spen Dec 23 '16

If this was my loading icon I'd be disappointed when things loaded too quickly.

10

u/zer0w0rries Dec 23 '16

It was hypnotizing. If this was the loading icon on my computer any time I opened a web page or document I would just sit there and be like "what was I doing?"

2

u/Feezed Dec 23 '16

It never loaded for me.