Postprocessing passes

Three.js comes with a number of postprocessing passes you can use directly with THREE.EffectComposer. Note that it's best to play around with the examples in this chapter to see the result of these passes and understand what is happening. The following table gives an overview of the passes that are available:

Pass name

Description

THREE.BloomPass

This is an effect that makes light areas bleed into darker areas. This simulates an effect where the camera is overwhelmed by extremely bright light.

THREE.DotScreenPass

This applies a layer of black dots representing the original image across the screen.

THREE.FilmPass

This simulates a TV screen by applying scanlines and distortions.

THREE.GlitchPass

This shows ...

Get Learning Three.js – the JavaScript 3D Library for WebGL - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.