DOF only works as last pass

I’m not sure if this is a bug or something I’m missing. After looking around, I could only find an old question on SO without any answers.

Here’s a demo based on @Mugen87 DOF example that he fixed earlier: https://jsfiddle.net/mirohristov/w4L0u1b8/20/

        composer.addPass( bokehPass ); // dof doesn't work here 
        composer.addPass( effectGrayScale );
        composer.addPass( effectSobel );
        //composer.addPass( bokehPass ); // dof works only as last shader

In this example it doesn’t matter much if it’s last or not but when adding film grain, sharpen, or bloom it does. Thanks!

Three.js version

• r113

[Mugen87]

BokehPass set needsSwap to false. That means the result of the buffer is not available in the read buffer for the subsequent post processing pass. This is done for performance reasons since usually this DOF pass is used on its own or at the end of the pass chain. So adding the following line of code should solve the issue:

bokehPass.needsSwap = true;

Updated fiddle: https://jsfiddle.net/5nxy0tqp/

[makc]

real time graphics was built on math that was not academically correct. until PBR people came )