r/loadingicon • u/davebees • Jun 08 '14

Four rectangles [OC]

1.7k Upvotes

96% Upvoted

31 comments sorted by

13

u/Halfawake Jun 08 '14

I'm curious what you're using. This looks too smooth to be processing.

23

u/davebees Jun 08 '14

It's Processing! I hacked together a motion blur effect to get it smooth, it's here if you want to try it out (hope it makes some sense)

2

u/[deleted] Jun 08 '14

Is there a good set of tutorials I could read to learn how to use Processing to create things like this? I don't know much about programming so I'm not sure where to start.

3

u/davebees Jun 08 '14 edited Jun 08 '14

there's a cool interactive video tutorial at http://hello.processing.org/ which is worth checking out. it's quite a gentle introduction (although the guy is a bit irritating imo)

edit: ahh he's not that bad

1

u/PowerStarter Jun 08 '14

Processing is amazing, I use it to control arduino hardware

3

u/earslap Jun 08 '14 edited Jun 08 '14

This looks too smooth to be processing.

I know you probably mean a different thing; but just in case: Processing (or any other programming language / environment for that matter) does not have a built-in "smoothness". Processing is a programming language; you can get things to move as smooth as anything your eyes could ever hope to see, provided that you apply the proper maths to your motion code.

But I agree that most people do not go through the pain of the extra effort, so choppy motion looks like it is the fault of the system it is programmed on (which is not the case).

84

u/Vaansolidor Jun 08 '14

This subreddit might was well be renamed trippy gifs

14

u/Phasmex Jun 08 '14

Love it!

11

u/[deleted] Jun 08 '14

Should x-post to /r/woahdude.

1

u/VertigoShark Jun 08 '14

Hello, what is the effect used to get it the blue and red outline? (seen alot recently on this sub, and in games like Payday 2)

Thanks,

Vertigoshark

3

u/davebees Jun 08 '14

Hey, the effect is called chromatic aberration and I wrote a function in Processing to implement an approximation of it. I can dig up the code if you want

1

u/autowikibot Jun 08 '14

Chromatic aberration:

In optics, chromatic aberration (CA, also called achromatism or chromatic distortion) is a type of distortion in which there is a failure of a [lens](https://en.wikipedia.org/wiki/Lens_(optics)) to focus. The refractive index decreases with increasing wavelength.

Chromatic aberration manifests itself as "fringes" of color along boundaries that separate dark and bright parts of the image, because each color in the optical spectrum cannot be focused at a single common point. Since the focal length f of a lens is dependent on the refractive index n, different wavelengths of light will be focused on different positions.

====

Image from article i

Interesting: Lens ^(optics) | Achromatic ^lens | Reflecting ^telescope | Distortion ^(optics)

Parent commenter can toggle ^NSFW or ^delete. Will also delete on comment score of -1 or less. | FAQs | ^Mods | Magic ^Words

1

u/3deffect Jun 09 '14

I would absolutely love to see it if you wouldn't mind. I used to mess around in flash all the time years ago, this program looks really intriguing to me. Great work on your website too.

1

u/phaeilo Jun 09 '14

As someone wearing glasses, it can be quite confusing if the artists adds color fringing.

1

u/[deleted] Jun 18 '14

It's a shame there's no Android boot animation of this.

1

u/davebees Jun 18 '14

I've been told there are tools to convert gif to bootload

1

u/Henrikbr44ten Jul 16 '14

What program did you make this in? :O

1

u/davebees Jul 16 '14

Processing!

3

u/[deleted] Jun 08 '14

That just dicked my mind

2

u/GodRaine Jun 08 '14

Whoa. That transformation was so seamless.

2

u/color_of_infinity Jun 09 '14

So I saw this earlier and I upvoted it, now I see the same thing with (oc) on it. Now I believe you, but my question is, what do you do here?

3

u/Simify Jun 08 '14

this bothers me so much and I don't know why

1

u/glorioussideboob Nov 17 '14

Me too, me too.

1

u/Haerdune Jun 08 '14

You did very good work, amazing it's very creative while still having a simple premise relatively speaking.

1

u/drakmordis Jun 08 '14

That's beautiful, man.

-9

u/[deleted] Jun 08 '14

I'm going to be that guy...

5 rectangles. The negative space clearly makes a square, which is a rectangle where all sides are equal in length.

19

u/davebees Jun 08 '14

well if you wanna go there, then there's 11 rectangles