THREE.JS / FOUNDATIONS 230

Let materials glow.

The material’s built-in emissive property becomes a named MRT attachment, giving BloomNode a physically meaningful glow input.

Initializing emissive bloom—

Preparing the emissive material path, MRT attachment, and bloom graph…

backend: —
architecture: —
view: —
emissive objects: —
attachment: —
frame ms: —

Emissive controlsmaterial property

architecture output view emission policy bloom strength 2.50 threshold 0.12 blur radius 0.50 emission scale 1.00× target scale 0.50× emissive attachment exposure 1.10

animate scene auto-rotate camera

The authored material policy sends only emissive surfaces into the named attachment; click a shape to edit its material emission manually.

Emissive bloom contractBloomNode + MRT

outputMRT color

beauty

emissivematerial property

vec4(emissive, alpha)

attachmentbandwidth

UnsignedByteType

bloom()addon node

strength 2.50

targetmulti-mip

0.50×

ownershipexplicit cleanup

graph 0

The scene pass writes the standard material’s emissive property to a named MRT attachment; BloomNode processes that attachment independently of beauty.

The official example uses vec4(emissive, output.a), normal blending for the emissive attachment, and UnsignedByteType to reduce bandwidth.

Derived from the official emissive bloom example, BloomNode, NodeMaterial, and MRTNode docs. Use ?forceWebGL=1 to inspect the direct WebGL2 fallback.

LAB 230 / EMISSIVE BLOOM