Hey, im implementing SAO from this example in Angular 2+. but it looks really blurry and seems like antialiasing is not working. With some tweaking I get it brighter, but those were the default settings. How can I use antialiasing with SAO or SSAO? What else can I do to improve quality? What els…

That works like a charm! Awesome, thank you. this is the final solution: this.w = window.innerWidth || 1 this.h = window.innerHeight || 1 this.ratio = window.devicePixelRatio || 1 this._renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } ) this._renderer.shado…

The resolution of the SAOPass is 256. How to set a higher resolution? I tried this.saoPass.setSize(w, h) this.saoPass.resolution = new THREE.Vector(1024, 1024) Also setting resolution in FXAAShader where PixelRatio is 1 // FXAA let pixelRatio = this.renderer.getPixelRatio() this.fxaaPa…

Did you try saoPass.resolution.set(1024,1024) ?

Ah, yeah, just call .setSize(1024,1024) don’t override the resolution property. It should probably be read only anyway… this.effectComposer = new EffectComposer(this.renderer) // SAO this.renderPass = new RenderPass(this.scene, this.camera) this.effectComposer.addPass(this.renderPass) this.saoPa…

I removed everything unnecessary like CubeMap, glTF models, specific renderer properties, FXAA and set a higher SAO resolution (2048, 2048), but still looks unchanged. Test Repo [25]

It “worked” the whole time, but thats not an acceptable result, is it? The bottom half of the torus should not be visible, the lines on the torus look weird, the ground should be the same color as the wall behind (directLight is at 45° & ambientLight position does not matter), when scrolling out, ev…

I’m confused. The first issue was that you were rendering 1/4 or 1/16th of the resolution and that superimposing that. Result very blocky, but blurry splotches. Now it’s something else. I’m not sure how you are getting different results if you are copying the code. Did you try with the balls from t…

Oh sorry I forgot to mention that I had different SAO settings in the first picture and changed to the settings of the example in the second

You do realize this is hard to debug if the parameters keep changing? The first pictures show severe undersampling. Youre showing a big image, with a smaller one superimposed (the result of your composition probably). This other one seems to work fine resolution wise (in parts AO looks correct) but …

Ill keep the example settings now. Although this does not really matter, because you can tweak the example settings around and it will never look like the pics i posted. And I dont think that AO looks correct, does it? Why is it brighter in the corner between ground and wall. This is where i gets d…

Postprocessing SAO makes everything blurry and pixelated

Questions

Atul_Mourya April 15, 2022, 6:42am 42

Found the solution here.

Topic		Replies	Views
SAO multisampling issues, instancing and postprocessing Questions textures , post-processing , shaders	0	885	April 26, 2022
R147 SSAA is very bright Questions ssaa , postprocessing	2	504	September 14, 2023
SSAARenderPass + SAOPass showing weird stripes Questions post-processing	6	3412	April 15, 2022
SAOPass Fps drop & other questions Questions effect-composer , sao	3	1177	July 25, 2021
Postprocessing adds a lot of pixelation Questions post-processing	37	2599	September 30, 2023

Postprocessing SAO makes everything blurry and pixelated

Related topics