THREE.JS / FOUNDATIONS / SOURCE PROMOTION

Make the frame ripple.

A deterministic 100-object field makes the official post-processing chain observable: a scene pass feeds a dot-screen node, then an RGB-shift node owns the screen.

InitializingPreparing WebGPU

Preparing the native post-processing graph…

backend: —
graph: —
objects: —
effect: —
frame ms: —
sample: WAITING

Source-shaped controlsnative graph

effect output dot angle1.57 dot scale0.30 RGB amount0.001

animate objects

RenderPipeline owns the full-screen graph; effect nodes remain live and mutable.

Ownership boundarypartial

WebGPURenderernative initialization pending

pass(scene, camera)scene color

dotScreen → rgbShiftscreen-space effects

Inspectoropt-in via ?inspector=1

CPU samples are the default signal. The official Inspector presentation, exact assets, and whole-example fidelity remain separate.

Derived from the official WebGPU post-processing example and its pinned pass → dotScreen → rgbShift graph. Use ?backend=webgl for the explicitly labeled direct WebGL2 reference lane.

THREE.JS FOUNDATIONS LAB / WEBGPU POST PROCESSING