O'Reilly logo

Learning Three.js – the JavaScript 3D Library for WebGL - Second Edition by Jos Dirksen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required