@pmndrs/upscaler — Examples

FSR1 spatial + FSR2/3-style temporal upscaling for the three.js WebGPURenderer.

WebGPU-only — open in Chrome/Edge 113+ (or a browser with WebGPU enabled). Each demo renders the scene at a lower resolution and upscales it back to full size.

The minimal temporal upscale — one model, a slow orbit, no UI. The copy-paste starting point.

Switch between paths and toggle features one at a time to see what each stage of the upscaler buys you.

Native vs FSR side-by-side with a wipe slider — the same scene, the same moment, at two pixel budgets.

Aliasing torture

Dense thin geometry and a moiré floor under a moving camera — where naive upscaling falls apart and temporal holds.

Transparency & particles

Particles and transparent geometry have no reliable motion — an honest look at ghosting and why reactive masks matter.

Screen-space effects

Expensive GTAO / SSR / SSGI rendered at low resolution, then upscaled back to full size through FSR3.

FSR3 as a TSL node

The declarative drop-in — post.outputNode = upscaleScene(scene, camera). The whole upscaler as one node in a THREE.PostProcessing graph.

The upscaler node feeding a downstream TSL effect — upscaleScene(...).mul(vignette) — showing it lives in a post graph.

Kitchen sink — SSGI + SSR

A full screen-space stack (SSGI + SSR) rendered at low res and upscaled by the composable upscale(...) node — one TSL post graph, effects and all.

SSGI denoise A/B

Experimental scratchpad comparing SSGI denoisers before FSR3 upscales — documents why a second temporal resolver (recurrentDenoise) fights FSR3's jitter. Not part of the library.

Reactive mask (node)

The reactive mask through the composable upscale() node — transparents and particles authored as an in-graph coverage pass. Toggle it to A/B the ghost trails.

Temporal guides

The upscaler as a data-products provider: the split dispatchGuides() / dispatchUpscale() frame, with the published dilated motion, disocclusion, and depth guides sampled live as TSL texture nodes.

The guides bundle as TSL: temporalGuides() publishes the products into the post graph, a toy effect tints disoccluded pixels pre-upscale, and upscale({ guides }) shares one computation across both — the split frame, declaratively.