SSRPassChangeInfiniteThickBehaviorPr

Author: gonnavis

examples/jsm/shaders/SSRShader.js

@@ -33,7 +33,7 @@ var SSRShader = {
     "maxDistance": { value: 180 },
     "cameraRange": { value: 0 },
     "surfDist": { value: .007 },
-    "thickTolerance": { value: .03 },
+    "thickTolerance": { value: 0 },
 
   },
 
@@ -187,14 +187,17 @@ var SSRShader = {
 				#endif
 				if(viewReflectRayZ-sD>vZ) continue;
 
+				float op=opacity;
+
+				bool hit;
 				#ifdef INFINITE_THICK
-					if(viewReflectRayZ+thickTolerance*clipW<vP.z) break;
+					hit=(viewReflectRayZ+thickTolerance*clipW)<=vZ;
+				#else
+					float away=pointToLineDistance(vP,viewPosition,d1viewPosition);
+					hit=away<=sD;
 				#endif
-				float away=pointToLineDistance(vP,viewPosition,d1viewPosition);
-
-				float op=opacity;
 
-				if(away<sD){
+				if(hit){
 					vec3 vN=getViewNormal( uv );
 					if(dot(viewReflectDir,vN)>=0.) continue;
 					float distance=pointPlaneDistance(vP,viewPosition,viewNormal);

examples/webgl_postprocessing_ssr.html

@@ -35,7 +35,7 @@
 			enableSSR: true,
 			autoRotate: true,
 			otherMeshes: true,
-			groundReflector: true,
+			groundReflector: false,
 		};
 		let composer;
 		let ssrPass;
@@ -198,6 +198,8 @@
 				}
 
 			} );
+			ssrPass.infiniteThick = true
+			gui.add( ssrPass, 'infiniteThick' );
 			gui.add( params, 'autoRotate' ).onChange( () => {
 
 				controls.enabled = ! params.autoRotate;
@@ -257,7 +259,6 @@
 			} );
 			ssrPass.surfDist = 0.0015;
 			folder.add( ssrPass, 'surfDist' ).min( 0 ).max( .005 ).step( .0001 );
-			folder.add( ssrPass, 'infiniteThick' );
 			folder.add( ssrPass, 'thickTolerance' ).min( 0 ).max( .05 ).step( .0001 );
 			folder.add( ssrPass, 'blur' );
 			// gui.close()