THREE.JS / FOUNDATIONS 228

Stretch the glow.

BloomNode exposes its high-pass hook, so a bright-pass texture can be sampled horizontally into a cinematic anamorphic flare.

Initializing anamorphic bloom—

Preparing the scene pass, reduced bloom targets, and custom high-pass function…

backend: —
architecture: —
view: —
intensity: —
samples: —
frame ms: —

Anamorphic controlscustom high pass

architecture output view intensity 2.80 threshold 0.28 blur radius 0.00 samples 48 horizontal stretch 4.00 high-pass softness 0.04 target scale 0.25× flare tint

animate scene auto-rotate camera

The custom anamorphic high pass extracts bright pixels and samples them across the horizontal axis.

Bloom contractBloomNode

bloom()addon node

scene texture

high passbright texture

custom Fn

horizontalTSL loop

48 samples

reduced targetmip chain

0.25×

ownershipexplicit cleanup

graph 0

BloomNode extracts luminance, renders a bright pass, performs multi-mip separable blur, and returns a texture node for composition.

The official example replaces BloomNode's default high pass with a mirrored-repeat bright texture and a horizontal TSL sampling loop.

Derived from the official anamorphic example, BloomNode, RenderPipeline, and TSL docs. Use ?forceWebGL=1 to inspect the direct WebGL2 fallback.

LAB 228 / ANAMORPHIC BLOOM