Rename surfDist to thickness and change behavior.

Author: gonnavis

examples/jsm/postprocessing/SSRPass.js

@@ -41,7 +41,7 @@ var SSRPass = function ( { renderer, scene, camera, width, height, selects, enco
 	this.output = 0;
 
 	this.maxDistance = SSRShader.uniforms.maxDistance.value;
-	this.surfDist = SSRShader.uniforms.surfDist.value;
+	this.thickness = SSRShader.uniforms.thickness.value;
 
 	this.encoding = encoding;
 
@@ -153,7 +153,6 @@ var SSRPass = function ( { renderer, scene, camera, width, height, selects, enco
 
 		}
 	} );
-	this.thickTolerance = SSRShader.uniforms.thickTolerance.value;
 
 	// beauty render target with depth buffer
 
@@ -234,7 +233,7 @@ var SSRPass = function ( { renderer, scene, camera, width, height, selects, enco
 	this.ssrMaterial.uniforms[ 'tDepth' ].value = this.beautyRenderTarget.depthTexture;
 	this.ssrMaterial.uniforms[ 'cameraNear' ].value = this.camera.near;
 	this.ssrMaterial.uniforms[ 'cameraFar' ].value = this.camera.far;
-	this.ssrMaterial.uniforms[ 'surfDist' ].value = this.surfDist;
+	this.ssrMaterial.uniforms[ 'thickness' ].value = this.thickness;
 	this.ssrMaterial.uniforms[ 'resolution' ].value.set( this.width, this.height );
 	this.ssrMaterial.uniforms[ 'cameraProjectionMatrix' ].value.copy( this.camera.projectionMatrix );
 	this.ssrMaterial.uniforms[ 'cameraInverseProjectionMatrix' ].value.copy( this.camera.projectionMatrixInverse );
@@ -393,8 +392,7 @@ SSRPass.prototype = Object.assign( Object.create( Pass.prototype ), {
 
 		this.ssrMaterial.uniforms[ 'opacity' ].value = this.opacity;
 		this.ssrMaterial.uniforms[ 'maxDistance' ].value = this.maxDistance;
-		this.ssrMaterial.uniforms[ 'surfDist' ].value = this.surfDist;
-		this.ssrMaterial.uniforms[ 'thickTolerance' ].value = this.thickTolerance;
+		this.ssrMaterial.uniforms[ 'thickness' ].value = this.thickness;
 		this.renderPass( renderer, this.ssrMaterial, this.ssrRenderTarget );
 
 

examples/jsm/shaders/SSRShader.js

@@ -32,8 +32,7 @@ var SSRShader = {
     "opacity": { value: .5 },
     "maxDistance": { value: 180 },
     "cameraRange": { value: 0 },
-    "surfDist": { value: .007 },
-    "thickTolerance": { value: 0 },
+    "thickness": { value: .007 },
 
   },
 
@@ -65,10 +64,9 @@ var SSRShader = {
 		uniform float cameraNear;
 		uniform float cameraFar;
 		uniform float maxDistance;
-		uniform float surfDist;
+		uniform float thickness;
 		uniform mat4 cameraProjectionMatrix;
 		uniform mat4 cameraInverseProjectionMatrix;
-		uniform float thickTolerance;
 		#include <packing>
 		float pointToLineDistance(vec3 x0, vec3 x1, vec3 x2) {
 			//x0: point, x1: linePointA, x2: linePointB
@@ -180,28 +178,28 @@ var SSRShader = {
 					// https://www.comp.nus.edu.sg/~lowkl/publications/lowk_persp_interp_techrep.pdf
 					float recipVPZ=1./viewPosition.z;
 					float viewReflectRayZ=1./(recipVPZ+s*(1./d1viewPosition.z-recipVPZ));
-					float sD=surfDist*cW;
+					float tk=thickness*cW;
 				#else
 					float viewReflectRayZ=viewPosition.z+s*(d1viewPosition.z-viewPosition.z);
-					float sD=surfDist;
+					float tk=thickness;
 				#endif
-				if(viewReflectRayZ-sD>vZ) continue;
 
-				float op=opacity;
+				if(viewReflectRayZ>vZ) continue;
 
 				bool hit;
 				#ifdef INFINITE_THICK
-					hit=(viewReflectRayZ+thickTolerance*clipW)<=vZ;
+					hit=true;
 				#else
 					float away=pointToLineDistance(vP,viewPosition,d1viewPosition);
-					hit=away<=sD;
+					hit=away<=tk;
 				#endif
 
 				if(hit){
 					vec3 vN=getViewNormal( uv );
 					if(dot(viewReflectDir,vN)>=0.) continue;
 					float distance=pointPlaneDistance(vP,viewPosition,viewNormal);
 					if(distance>maxDistance) break;
+					float op=opacity;
 					#ifdef DISTANCE_ATTENUATION
 						float ratio=1.-(distance/maxDistance);
 						float attenuation=ratio*ratio;

examples/screenshots/webgl_postprocessing_ssr.jpg

@@ -33,7 +33,7 @@
 
 		const params = {
 			enableSSR: true,
-			autoRotate: true,
+			autoRotate: false,
 			otherMeshes: true,
 			groundReflector: false,
 		};
@@ -197,7 +197,10 @@
 				}
 
 			} );
-			ssrPass.infiniteThick = true
+			// ssrPass.thickness = 0.0015;
+			ssrPass.thickness = 0.03;
+			gui.add( ssrPass, 'thickness' ).min( 0 ).max( .1 ).step( .0001 );
+			ssrPass.infiniteThick = false
 			gui.add( ssrPass, 'infiniteThick' );
 			gui.add( params, 'autoRotate' ).onChange( () => {
 
@@ -256,10 +259,8 @@
 				groundReflector.opacity = ssrPass.opacity;
 
 			} );
-			ssrPass.surfDist = 0.0015;
-			folder.add( ssrPass, 'surfDist' ).min( 0 ).max( .005 ).step( .0001 );
-			folder.add( ssrPass, 'thickTolerance' ).min( 0 ).max( .05 ).step( .0001 );
 			folder.add( ssrPass, 'blur' );
+			// folder.open()
 			// gui.close()
 
 		}