8. Add Rendering Effects Using Built-in Post-processes

Using post-process rendering pipelines with Babylon.js

Now, you are able to create post-processes and attach them to a camera. The problem is that if you manage multiple cameras in your project, then you'll have to dispose or detach post-processes in order to reattach them to a new camera. To facilitate the task, you can use the rendering pipelines. In other words, you can see a rendering pipeline as a list of post-processes, which you can attach to multiple cameras.

Create a rendering pipeline

The steps consist on creating a pipeline reference, adding the pipeline to the scene, and attaching the pipeline to the cameras.

Create a rendering pipeline, as follows:

var pipeline = new BABYLON.PostProcessRenderPipeline(
  engine, // The Babylon.js engine
  "renderingPipeline" // The name of the rendering pipeline
);

Once the pipeline has been created, add it to the post-process render pipeline manager of the scene (referenced by the engine that you passed as an argument to the rendering...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Babylon.js Essentials

By : Moreau-Mathis

Babylon.js Essentials

By: Moreau-Mathis

Overview of this book

Using post-process rendering pipelines with Babylon.js

Create a rendering pipeline

Babylon.js Essentials

By : Moreau-Mathis

Babylon.js Essentials

By: Moreau-Mathis

Overview of this book

Using post-process rendering pipelines with Babylon.js

Create a rendering pipeline

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access