Add setting: fillHole.

Author: gonnavis

examples/jsm/postprocessing/SSRrPass.js

@@ -65,6 +65,23 @@ var SSRrPass = function ( { renderer, scene, camera, width, height, selects, enc
 		}
 	} );
 
+	this._fillHole = SSRrShader.defines.FILL_HOLE;
+	Object.defineProperty( this, 'fillHole', {
+		get() {
+
+			return this._fillHole;
+
+		},
+		set( val ) {
+
+			if ( this._fillHole === val ) return;
+			this._fillHole = val;
+			this.ssrrMaterial.defines.FILL_HOLE = val;
+			this.ssrrMaterial.needsUpdate = true;
+
+		}
+	} );
+
 	this._infiniteThick = SSRrShader.defines.INFINITE_THICK;
 	Object.defineProperty( this, 'infiniteThick', {
 		get() {

examples/jsm/shaders/SSRrShader.js

@@ -9,7 +9,8 @@ var SSRrShader = {
 		MAX_STEP: 0,
 		PERSPECTIVE_CAMERA: true,
 		SPECULAR: true,
-    INFINITE_THICK: true,
+    FILL_HOLE: true,
+    INFINITE_THICK: false,
   },
 
   uniforms: {
@@ -113,6 +114,18 @@ var SSRrShader = {
 			xy*=resolution;//screen
 			return xy;
 		}
+		void setResultColor(vec2 uv){
+			vec4 refractColor=texture2D(tDiffuse,uv);
+			#ifdef SPECULAR
+				vec4 specularColor=texture2D(tSpecular,vUv);
+				gl_FragColor.xyz=mix(refractColor.xyz,vec3(1),specularColor.r);
+				// gl_FragColor.xyz=refractColor.xyz*(1.+specularColor.r*3.);
+			#else
+				gl_FragColor.xyz=refractColor.xyz;
+			#endif
+			gl_FragColor.a=1.;
+
+		}
 		void main(){
 			if(ior==1.) return; // Adding this line may have better performance, but more importantly, it can avoid display errors at the very edges of the model when IOR is equal to 1.
 
@@ -160,6 +173,10 @@ var SSRrShader = {
 			float totalStep=max(abs(xLen),abs(yLen));
 			float xSpan=xLen/totalStep;
 			float ySpan=yLen/totalStep;
+			#ifdef FILL_HOLE
+				bool isRough=false;
+				vec2 uvRough;
+			#endif
 			for(float i=0.;i<float(MAX_STEP);i++){
 				if(i>=totalStep) break;
 				vec2 xy=vec2(d0.x+i*xSpan,d0.y+i*ySpan);
@@ -182,24 +199,31 @@ var SSRrShader = {
 					float sD=surfDist;
 				#endif
 
+				#ifdef FILL_HOLE // TODO: May can improve performance by check if INFINITE_THICK too.
+					if(viewRefractRayZ<=vZ){
+						if(!isRough){
+							uvRough=uv;
+							isRough=true;
+						}
+					}
+				#endif
+
 				#ifdef INFINITE_THICK
 					if(viewRefractRayZ<=vZ){
 				#else
 					if(viewRefractRayZ-sD>vZ) continue;
 					float away=pointToLineDistance(vP,viewPosition,d1viewPosition);
 					if(away<=sD){
 				#endif
-					vec4 refractColor=texture2D(tDiffuse,uv);
-					#ifdef SPECULAR
-						vec4 specularColor=texture2D(tSpecular,vUv);
-						gl_FragColor.xyz=mix(refractColor.xyz,vec3(1),specularColor.r);
-						// gl_FragColor.xyz=refractColor.xyz*(1.+specularColor.r*3.);
-					#else
-						gl_FragColor.xyz=refractColor.xyz;
-					#endif
-					gl_FragColor.a=1.;
+						setResultColor(uv);
 					return;
 				}
+
+				#ifdef FILL_HOLE
+					if(isRough){
+						setResultColor(uvRough);
+					}
+				#endif
 			}
 		}
 	`

examples/webgl_postprocessing_ssrr.html

@@ -189,7 +189,7 @@
 			gui.add(params, 'enableSSRr').name('Enable SSRr');
 			ssrrPass.ior = 1.1;
 			gui.add(ssrrPass, 'ior').name('IOR').min(1).max(1.5).step(.0001);
-			gui.add( ssrrPass, 'infiniteThick' );
+			gui.add( ssrrPass, 'fillHole' );
 			gui.add(params, 'autoRotate').onChange(() => {
 
 				controls.enabled = !params.autoRotate;
@@ -218,6 +218,7 @@
 			folder.add( ssrrPass, 'surfDist' ).min( 0 ).max( .005 ).step( .0001 );
 			ssrrPass.maxDistance = 50;
 			folder.add( ssrrPass, 'maxDistance' ).min( 0 ).max( 100 ).step( .001 )
+			folder.add( ssrrPass, 'infiniteThick' );
 			// folder.open()
 			// gui.close()