Building a Retro 3D Website Effect with Shaders: Dithering, Quantization, and Pixelation

2025-02-03
Building a Retro 3D Website Effect with Shaders: Dithering, Quantization, and Pixelation

The author spent months building their personal website, incorporating 3D work to showcase shader and WebGL skills. The article delves into the crucial role of post-processing in enhancing 3D scene visuals, focusing on creating retro effects. It covers various dithering techniques (white noise, ordered, and blue noise), explaining their implementation using shaders. Color quantization techniques are also detailed, allowing for custom palettes. The article culminates in a stunning retro 3D website effect combining pixelation and CRT monitor emulation.

Development Shaders Post-processing