What is super-sampling anti-aliasing?

Super-sampling anti-aliasing (SSAA) is used in computer graphics to reduce aliasingA phenomenon that causes pixelated or jagged edges in the digital images. from the rendered images in computer games. 

When rendering the graphics, especially those with digital or curved lines, a significant issue is the appearance of jaggedA rough and uneven image with a lot of sharp points. edges. It is the result of aliasing, where signals become indistinguishable when sampled. SSAA addresses this issue by providing realistic and smoother graphics. 

How SSAA works

Given below is the step by step guide on how the SSAA works.

Render the image at high resolution

• Render the image at a higher resolution than the original display resolution.

It means that more pixels are used to create the image, providing a higher level of image details.

Rasterize the image

Rasterization refers to the process of converting a 3D scene or vector graphics into a pixel-based representation. In the context of SSAA, it refers to converting the image into a grid of pixels.

It is an important step to facilitate the sampling and averaging process in SSAA.

Take N by N samples

• Divide each pixel into a grid of N by N sample or sub-pixels.

• The value of N here determines the level of super-sampling or the number of sub-pixels considered per pixel.

If the value of N is $4$, we divide each pixel into a $4 \times 4$ grid of sub-pixels.

Downsample the image

Downsampling refers to reducing the number of pixels in an image as the higher resolution images cannot show all the pixels.

After rendering the higher resolution image, it needs to be downsampled to match the display resolution.

Steps to downsample

• Take a group of pixels which lie inside the image

• Average the color values to create a single pixel

Note: The size of the pixel group depends on the level of supersampling used.

Example

Suppose we want to downsample the triangle.

• Take the RGB value of each pixel

• Multiply the RGB value with the number of pixels covering the triangle

Note: Each pixel has its own corresponding RGB value.

Say that in a pixel group of 4, only 2 pixels lie inside the triangle.

We take the RGB value of the pixel and multiply it with the number of pixels as shown below.

• Repeat the process for each pixel that lies inside the image.

Consider the simplified representation of how SSAA works.

Here,

• The $4\times 3$grid represents a pixel of a higher resolution image with each row representing the RGB-value of the sub-pixels.

• The $1 \times 3$grid represents the pixel of the downsampled image with the R'G'B' values corresponding to the average color value of the pixel.

Demonstration

The resulting downsampled image represents the average color value of the corresponding group of pixels from the higher resolution image.

Advantages of SSAA

SSAA has the following advantages.

• Enhanced image quality: SSAA effectively reduces the jagged edges and pixelation caused by aliasing. It results in smoother and visually appealing images.

• Conceptual simplicity: The underlying concept and implementation of SSAA are relatively straightforward, making it an easier option for anti-aliasing.

Conclusion

In conclusion, SSAA is an important technique in computer graphics for reducing the effects of aliasing. However, its impact on performance and memory usage requires careful consideration when choosing an anti-aliasing technique.

Continue reading

• How 3D engines use triangles to draw object surfaces

• Why do 3D engines use triangles to draw object surfaces?