Post Pixel

Post Pixel

A low-resolution scene pass with depth- and normal-aware pixel outlines, ported from the three.js WebGPU pixelation example.

The checkerboard scene renders into color, normal, and depth targets at a fraction of the window resolution. A nearest-neighbor fullscreen pass enlarges those texels and uses four neighboring samples to darken depth silhouettes and brighten creases between differently oriented surfaces.

Credits: Ported from the three.js WebGPU Postprocessing Pixel example by Kody King (MIT)

Execution
Preview