Understanding the focus parameter for BokehPass

SarahVDB · June 17, 2020, 6:48pm

Hello! I’m trying to apply a BokehPass to create a depth of field effect. I have the focus set on 5 for example. If I understand correctly, from what I see, everything from a distance of 5 is focused. Anything further and closer are blurred.

However, what I’m trying to achieve is that everything is focused within a range. I have set focus to 5, but I don’t want my object to be blurred when it’s closer than 5 blocks in range, the blur should be applied on a distance of 5 and further, anything with a distance between 0 and 5 should be focused.

Is this achievable? Or perhaps I need something different than BokehPass, but I haven’t found anything as of yet, so any help is welcome!

Mugen87 · June 17, 2020, 9:46pm

You can’t use the Bokeh shaders of three.js for you intended visual result, sorry. Simply because a proper depth of field effect does not work the way you have mentioned.

However, you should be able to achieve your result if you change this line in BokehShader:

github.com

mrdoob/three.js/blob/2fabe3522529e802cba15f3fff63bf612fa1638c/examples/jsm/shaders/BokehShader.js#L88


      
          
          
          		"void main() {",
          
          		"	vec2 aspectcorrect = vec2( 1.0, aspect );",
          
          		"	float viewZ = getViewZ( getDepth( vUv ) );",
          
          		"	float factor = ( focus + viewZ );", // viewZ is <= 0, so this is a difference equation
          
          		"	vec2 dofblur = vec2 ( clamp( factor * aperture, -maxblur, maxblur ) );",
          
          		"	vec2 dofblur9 = dofblur * 0.9;",
          		"	vec2 dofblur7 = dofblur * 0.7;",
          		"	vec2 dofblur4 = dofblur * 0.4;",
          
          		"	vec4 col = vec4( 0.0 );",
          
          		"	col += texture2D( tColor, vUv.xy );",
          		"	col += texture2D( tColor, vUv.xy + ( vec2(  0.0,   0.4  ) * aspectcorrect ) * dofblur );",
          		"	col += texture2D( tColor, vUv.xy + ( vec2(  0.15,  0.37 ) * aspectcorrect ) * dofblur );",

to:

vec2 dofblur = vec2 ( clamp( factor * aperture, -maxblur, 0.0 ) );",

Topic		Replies	Views
Update Bokeh1 shader to use custom near far instead of aperture and focus Questions shaders , effect-composer , bokeh	0	599	September 27, 2021
Bokeh computation with BokehShader2 Questions shaders , depth-of-field , bokeh	4	1745	November 27, 2020
How to calculate focus for bokeh Questions depth-of-field	14	4667	April 26, 2018
Seam in Bokeh Filter Questions post-processing	6	1761	August 20, 2019
Depth of Field with BokehShader2, preserve alpha Questions transparency , alpha , depth-of-field , bokeh , dof	4	1781	November 24, 2020

Understanding the focus parameter for BokehPass

Related topics