Browse Source

Added FXAA pass to deferred shading example.

alteredq 12 years ago
parent
commit
b57234204b
1 changed files with 12 additions and 1 deletions
  1. 12 1
      examples/webgl_lights_deferred_pointlights.html

+ 12 - 1
examples/webgl_lights_deferred_pointlights.html

@@ -46,6 +46,7 @@
 		<script src="js/libs/stats.min.js"></script>
 		<script src="js/libs/stats.min.js"></script>
 
 
 		<script src="js/shaders/CopyShader.js"></script>
 		<script src="js/shaders/CopyShader.js"></script>
+		<script src="js/shaders/FXAAShader.js"></script>
 
 
 		<script src="js/postprocessing/EffectComposer.js"></script>
 		<script src="js/postprocessing/EffectComposer.js"></script>
 		<script src="js/postprocessing/RenderPass.js"></script>
 		<script src="js/postprocessing/RenderPass.js"></script>
@@ -87,6 +88,7 @@
 			// composer
 			// composer
 
 
 			var compColor, compNormals, compDepth, compLightBuffer, compFinal, compEmitter, compositePass;
 			var compColor, compNormals, compDepth, compLightBuffer, compFinal, compEmitter, compositePass;
+			var effectFXAA;
 
 
 			// materials
 			// materials
 
 
@@ -658,10 +660,19 @@
 
 
 				compositePass = new THREE.ShaderPass( compositeShader );
 				compositePass = new THREE.ShaderPass( compositeShader );
 				compositePass.needsSwap = true;
 				compositePass.needsSwap = true;
-				compositePass.renderToScreen = true;
+				//compositePass.renderToScreen = true;
+
+				effectFXAA = new THREE.ShaderPass( THREE.FXAAShader );
+
+				var width = window.innerWidth || 2;
+				var height = window.innerHeight || 2;
+
+				effectFXAA.uniforms[ 'resolution' ].value.set( 1 / width, 1 / height );
+				effectFXAA.renderToScreen = true;
 
 
 				compFinal = new THREE.EffectComposer( renderer );
 				compFinal = new THREE.EffectComposer( renderer );
 				compFinal.addPass( compositePass );
 				compFinal.addPass( compositePass );
+				compFinal.addPass( effectFXAA );
 
 
 			}
 			}