HACKER Q&A
📣 LeoPanthera

Why does this image look 3D?


The image: https://twitter.com/mrbiffo/status/1516862012915167236

Mirror: https://i.imgur.com/3TU00N4.jpg

On my Mac's Dell LCD monitor, this image has a surprisingly intense 3D effect. The colored blocks appear to be floating in front of the blue and black background.

On my iPhone, the effect doesn't work at all, and it appears completely flat.

This is not simply a parallax or contextual effect - it feels as if I am looking at one of those lenticular 3D postcards.

What's going on?


  👤 chadcmulligan Accepted Answer ✓
Red and blue are the extremes of colours we can see, and because of the change in wave length they focus at different lengths in our eye. So to focus on either colour your eye has to adjust its focal length, which gives the 3d effect. The perspective probably adds to it.

It's called chromostereopsis - http://en.wikipedia.org/wiki/Chromostereopsis


👤 theandrewbailey
Does this happen with other images? Do you wear glasses?

I do, and moving that image around my field of view gives a mild 3D effect. I've always suspected that my poly carbonate lenses have strong chromatic aberration[0], with reds being separated outwards (blues inwards) when viewed towards the edge of my lenses.[1] When moving that image around, the red areas move more than the blues, so yeah, that's a fake 3D effect.

[0] https://en.wikipedia.org/wiki/Chromatic_aberration

[1] this is especially noticeable when I look at Microsoft's logo with the colored squares. I know that they are supposed to be equally spaced out, but they almost never look that way to me, especially when viewed in thumbnail form.


👤 apolloartemis
I’m just speculating so someone else might know better. What I think is going on is that if your monitor shows especially short-wavelength blues, since this image uses pure #0000FF blue, it’s possible that the blue is so pure and short-wavelength that the lens of your eye doesn’t focus those pixels quite right, and it ends up at a different focal plane than the other colors, especially the pure red which is very long-wavelength.

The iPhone might use less extreme wavelengths for the colors, or use LEDs that are less spectrally-pure.

Edit: like the user named Someone commented below, it looks like this phenomenon has a name - chromostereopsis.



👤 dhritzkiv
Not getting the effect, personally.

Viewing on a 2017 5K iMac here; don't wear glasses (as others have mentioned eyewear impacting their perception)


👤 rantallion
I'm not sure about the floating blocks but I feel I should let you know: the background is white and gold.

👤 nullc
I bet you wear glasses with polycarbonate lenses.

I dunno how people stand optics with such high CA. CR-39 is much better optically and also a lot less expensive-- vendors shovel people into polycarbonate because they can charge more for it.

E.g. from zenni CR-39 lenses are 'free'! but you have to click a bunch of extra times to choose them.


👤 manifoldgeo
There are a lot of answers here that suggest the colors have something to do with it. I think that is true, but no one has suggested what I think it is overall: the Gestalt Principles[0] in action.

The Gestalt Principles are from cognitive psychology, the part of psychology that deals, in part, with how we sense (eyes) and perceive (brain / mind) visual stimuli. Those principles are used a lot in interaction design, UX design, human-computer interaction, etc.

The specific Gestalt principle at work here is likely the "Figure / Ground" principle, also known as "background-foreground". Our brains are somewhat pre-wired to see things as either being in front or back of other things. There are some optical illusions that mess with our perception of foreground, e.g. Rubin's Vase[1].

The picture in question has the buildings in black, indicating they're silhouettes because the light source isn't hitting the walls directly. The blue of the background suggests some light coming from the night sky, illuminating things from the back. The brightly colored signs would provide their own light in the real-world context, and they have a high luminance value[2], i.e. high perceived value of lightness, as if giving off their own light.

To sum it up, it looks 3d because our brains have evolved in a three-dimensional world and have built-in functionality that helps us "fill in the blanks" in situations with incomplete information.

References:

[0]: https://www.interaction-design.org/literature/topics/gestalt...

[1]: https://en.wikipedia.org/wiki/Rubin_vase

[2]: https://vanseodesign.com/web-design/color-luminance/


👤 throwaway743
Blue recedes, red brings objects forward. It's taken to the extreme with the high chroma of the chosen colors, giving a 3d effect.

👤 bXVsbGVy
Probably because one of those two facts:

1. The blue light is physically behind the others wavelength;

2. The blue is (much) more intense than other wavelengths.

Some background.

The LCD panel is a RGB filter in front of a white light.

White light is usually* made with a blue diode with some phosphor on top. The phosphor converts some (but not much) of the blue light into the rest of visible spectrum. Most of emitted light is the original blue from the diode.

Fun fact: The sun is also mostly blue. And there are white lights that are pretty much only blue, but we perceive as white (usually sold for vegetative growth of plants).

* In the past we used fluorescent tube. Quantum dot film are becoming common now (they have been used for a while, but are mainstream now because Rec. 2020). There are white diodes, but I haven't heard about them being used as backlight -- their CRI are pretty terrible, and they are expensive.


👤 dusted
Appears flat here as well, however, some of the dell monitors have this weird checkerboard-like pattern in their backlight distribution, so large surfaces are not plain to look at, you see "through" the plane and onto the background pattern of the screen itself, which is physically located behind the LCD. I've noticed a 3D-like effect from boxes of bright singular colors many time on my dell monitor at work, especially when they're smallish boxes on dark background, the boxes look like they have depth.

I speculate this happens because my eye is focusing on the checkerboard pattern on the back of the monitor itself, which is behind the lcd, and probably far enough behind it (several millimeters) that depth perception kicks in.



👤 kilovh
the effect can be much stronger, try this one

https://imgur.com/0htzt9Y


👤 kazinator
There are some depth cues in it:

- object overlap: overlapping object is assumed to be in front of occluded object

- color: dark background is distant, back in space

- water-surface-like pattern at the bottom, with stripes getting smaller and closer together toward the top.

- some scale variance in some of the rectangular patterns: they are vaguely similar to each other, at different scales: the smaller scales look distant.


👤 poisonborz
Another take: OP has an oled screen, and the effect is produced by the dark-on-black ghosting. This is happens with dark scrolling objects on black background on my samsung phone, and creates a fluid 3d effect for this particular picture.

👤 lifthrasiir
I wear glasses and still don't get the effect from my main display. I only realized it can be seen as 3D after seeing two street lights in different sizes. To me it looks more like two tall buildings with multiple bridges.

👤 lurquer
Seeing it on an old iPhone.

Very vivid.

The reason is the blue/red wavelength thing discussed herein. Pretty standard optical illusion. But the RGB values and shapes are configured to create a better demonstration of this than I have ever seen!


👤 postsantum
For me it's 3D if I wear glasses and flat if I remove them. Curious!

👤 freddealmeida
It doesn't. to me.

👤 terrycody
Sorry but does it the so called 3D images? I can't "see" them when I was child, but several days ago, I tried and succeed, and this is that?

👤 3qz
My old Samsung S9 made this colour of blue on black look 3D and I have no idea why. Links on a black page popped out. On iPhone it doesn’t. Do you have another device to test on?

👤 dandongus
Not seeing it brah

👤 tpoacher
This reminds me of an old game I used to play on my Amstrad CPC, called Saboteur (II, to be precise)

👤 Teletio
It's an optical illusion. Your brain knows how 3d a alley should look like.

👤 TheRealNGenius
it doesn't?

👤 sys_64738
Because it's using black to convey perspective of an alleyway.

👤 kretaceous
Reminder to turn off your blue light filter before testing it.

👤 noone_youknow
iPhone 13 pro max here, see it as 3D. Pretty trippy!

(Also yes, glasses)


👤 o_m
Are you high?

👤 louissan
Because its ascii art inspired from cyberpunk 2077 xD