O'Reilly logo

Learning Three.js: The JavaScript 3D Library for WebGL 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

Chapter 11. Custom Shaders and Render Post Processing

We're getting to the end of the book, and in this chapter we'll look at the one main feature of the Three.js library that we haven't touched upon: render post processing. Besides this subject in the chapter, we'll also introduce you to how you can create custom shaders. The main points that we'll discuss in this chapter are the following:

  • Setting up a Three.js library for post processing
  • The basic post processing passes provided by Three.js, such as BloomPass and FilmPass
  • Applying effects to a part of the scene by using masks
  • Using the TexturePass to store the rendered results
  • Using the ShaderPass to add even more basic post processing effects, such as sepia filters, mirror effects, and color adjustments ...

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