Introduction

You can find a complete example of this pipeline in our playground : https://www.babylonjs-playground.com/#5XB8YT#1 -

The default rendering pipeline provides visual improvements to enhance the output of your scene:

• Antialiasing
• Bloom
• Image processing including:
  • Vignette effect
  • Contrast
  • Exposure
  • Color curves
  • Color grading
  • Tone mapping

Creating the rendering pipeline

You just have to create an instance of BABYLON.DefaultRenderingPipeline

var pipeline = new BABYLON.DefaultRenderingPipeline(
    "default", // The name of the pipeline
    true, // Do you want HDR textures ?
    scene, // The scene instance
    [camera] // The list of cameras to be attached to
);

Customizing

Antialiasing

You can turn the antialiasing (fxaa) effect on and off with:

pipeline.fxaaEnabled = true;

Bloom

You can turn the bloom effect on and off with:

pipeline.bloomEnabled = true;

Furthermore, you can control the impact of bloomin the final compositing with:

pipeline.bloomWeight = 0.3;

Image processing effect

You can turn the image processing effect on and off with:

pipeline.imageProcessingEnabled = true;

You can also control individual image processing subeffects. To get more info about the ImageProcessing postprocess, please read the following tutorial.