Understanding the Difference Between ‘Screen Door Effect’, ‘Mura’, & ‘Aliasing’

When it comes to VR headsets, one of today’s most noticeable bottlenecks is visual fidelity. When we talk about and compare the visual fidelity of VR headsets we often touch on three key elements: Screen Door Effect, Mura, and Aliasing. Often times we see people mixing these three up, so here’s a quick guide explaining each element and what they actually look like.

Screen Door Effect

In first generation VR headsets like the Rift and Vive, this is perhaps the most noticeable. Technically the result of a display with a low ‘fill factor’, the Screen Door Effect (sometimes abbreviated SDE) gets its name because it often looks as if you’re viewing an image through the fine grid of a screen door.

Photo by Road to VR

Pixels are small, individually lit elements laid out in an array to create a display. For various reasons, pixels are sometimes hard to pack tightly together, resulting in gaps between them which are unlit. A display’s ‘fill factor’ describes how much of the display’s area actually lights up vs. how much is unlit. The unlit spaces between the pixels, which are easy to see on displays with low fill factor, causes the appearance of the Screen Door Effect.

Mura

For various reasons, it’s challenging to make each pixel display exactly the same color, even if the computer output to the display is a frame consisting of one singular color value. Mura is the result of poor color and brightness consistency from one pixel to the next.

Here, all the pixels on the display are technically set to one color value, but imperfections in design and manufacturing mean the actual color output can be inconsistent | Photo by Road to VR

Some display technologies have a natural advantage when it comes to color consistency between pixels. LCD for instance tends to be quite good when it comes to minimizing Mura. Other technologies, like OLED (which is favored in VR headsets for other reasons), struggles when it comes to mura, and requires careful calibration to achieve decent performance.

Aliasing

Because displays are made up of (generally) square pixels arranged in a grid, it’s easy to display straight horizontal and vertical lines which align with the rows of the pixel grid. But when it comes to displaying diagonal or curved lines, you’re essentially stuck trying to draw a curved line with square blocks that can only be placed along a grid. That means that anything but straight lines will naturally reveal the underlying shape of the pixels and the pixel grid.

Photo by Road to VR

Of course, increasing the pixel density of a display means that aliasing is reduced because the resolution of the display allows the pixels to more precisely fit the curved or diagonal line being rendered.

An example of anti-aliasing used for font smoothing

Anti-aliasing can reduce perceived aliasing by using different colored pixels along the edges of the line to create the appearance of a smoother line.

.IRPP_kangoo , .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl , .IRPP_kangoo .centered-text-area { min-height: 100px; position: relative; } .IRPP_kangoo , .IRPP_kangoo:hover , .IRPP_kangoo:visited , .IRPP_kangoo:active { border:0!important; } .IRPP_kangoo { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #eaeaea; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .IRPP_kangoo:active , .IRPP_kangoo:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #e6e6e6; } .IRPP_kangoo .postImageUrl , .IRPP_kangoo .imgUrl { background-position: center; background-size: cover; float: left; margin: 0; padding: 0; } .IRPP_kangoo .postImageUrl { width: 30%; } .IRPP_kangoo .imgUrl { width: 100%; } .IRPP_kangoo .centered-text-area { float: right; width: 70%; padding:0; margin:0; } .IRPP_kangoo .centered-text { display: table; height: 100px; left: 0; top: 0; padding:0; margin:0; } .IRPP_kangoo .IRPP_kangoo-content { display: table-cell; margin: 0; padding: 0 10px 0 10px; position: relative; vertical-align: middle; width: 100%; } .IRPP_kangoo .ctaText { border-bottom: 0 solid #fff; color: #1ABC9C; font-size: 13px; font-weight: bold; letter-spacing: .125em; margin: 0; padding: 0; text-decoration: underline; } .IRPP_kangoo .postTitle { color: #34495E; font-size: 16px; font-weight: 600; margin: 0; padding: 0; } .IRPP_kangoo .ctaButton { background-color: #e6e6e6; margin-left: 10px; position: absolute; right: 0; top: 0; } .IRPP_kangoo:hover .imgUrl { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .IRPP_kangoo .imgUrl { -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; -o-transition: -o-transform 0.4s ease-in-out; -ms-transition: -ms-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .IRPP_kangoo:after { content: “”; display: block; clear: both; }

SEE ALSO
Understanding Pixel Density & Retinal Resolution, and Why It’s Important for AR/VR Headsets

The post Understanding the Difference Between ‘Screen Door Effect’, ‘Mura’, & ‘Aliasing’ appeared first on Road to VR.

Be the first to comment

Leave a comment

Your email address will not be published.


*