Render Postprocessing

We're approaching the end of the book, and, in this chapter, we'll look at one of the main features of Three.js that we haven't touched upon yet: render postprocessing.

The main points we'll discuss in this chapter are as follows:

  • Setting up Three.js for postprocessing
  • The basic postprocessing passes provided by Three.js, such as THREE.BloomPass and THREE.FilmPass
  • Applying effects to part of a scene using masks
  • Using THREE.ShaderPass to add even more basic postprocessing effects, such as sepia filters, mirror effects, and color adjustments
  • Using THREE.ShaderPass for various blurring effects and more advanced filters
  • Creating a custom postprocessing effect by writing a simple shader

In Chapter 1Creating Your First ...

Get Learn Three.js - Third 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.