THREE.JS / FOUNDATIONS 225

See the pixels.

PixelationPassNode renders a smaller nearest-filtered pass, then uses depth and normals to keep important one-pixel boundaries legible.

Initializing pixelation—

Preparing the pixelation pass and its internal attachments…

Pixelation controlspass node

architecture output view pixel size 8 normal edge 0.40 depth edge 0.50 pass scale

pixel-aligned camera animate scene

The pixelated pass is active with depth and normal edge emphasis.

Pass contractPixelationPassNode

pixelationPass()addon pass

scene + camera

internal MRTcolor + normal

output + normal

depth targetfree with pass

linear depth node

normal targetedge signal

view normal node

ownershipexplicit cleanup

pass / graph 0

The pass owns a reduced nearest-filtered target and samples neighboring depth/normal values for edge emphasis.

WebGPU is required for this node pass; the fallback remains a direct beauty render.

Derived from the official pixelation example, PixelationPassNode, PixelationNode, and TSL docs. Use ?forceWebGL=1 to inspect the direct WebGL2 fallback.

LAB 225 / PIXELATION PASS