Fortunately, you'll not have to create post-processes yourself, even if you can do it with Babylon.js. There are post-processes already available in Babylon.js and in most cases, available by writing only a line of code!
With the post-processes available in Babylon.js, you can create blur, bloom, HDR, SSAO, volumetric light post-processes, and so on.
Let's start with the following scene:
For the first example, let's create a vertical blur post-process using the built-in post-processes. The blur post-process is available by creating a new instance of the BABYLON.BlurPostProcess
class, as follows:
var blurV = new BABYLON.BlurPostProcess( "blurV", // Name of the post-process new BABYLON.Vector2(0, 1), // Direction of the blur (vertical) 4, // The blur width 0.5, // The ratio of the post-process camera // The camera to attach to );
The result is as shown in the following screenshot:
...