Thema Posted August 22, 2017 Share Posted August 22, 2017 Hello, I have and object that i cannot figure out how to remove the aliasing. I tried with FxaaPostProcess but the aliasing is still there. Example: https://www.babylonjs-playground.com/#2L35ZN#1 Any suggestions? Quote Link to comment Share on other sites More sharing options...
Kesshi Posted August 23, 2017 Share Posted August 23, 2017 I know that problem. Anti-aliasing is not working nicely for models with small rounded corners (depending on the lighting). The only way i know to solve this is super sampling (render with a higher resolution and then down sample the image). In this playground i added some post processes which realize 4x super sampling: https://www.babylonjs-playground.com/#2L35ZN#3 The only problem is that this may kill the perfomance on slow devices. The other option would be that you render multiple frames of your scene with slightly modified camera position (jittering) and combine the images. This only works if your scene is static and the camera is not moving. This is the solution i used in our product: https://box.pcon-solutions.com/ Here is also a ThreeJs example: https://threejs.org/examples/#webgl_postprocessing_taa Quote Link to comment Share on other sites More sharing options...
Thema Posted August 23, 2017 Author Share Posted August 23, 2017 Your solution works great! Thanks a lot. Quote Link to comment Share on other sites More sharing options...
jayakannan Posted March 26, 2021 Share Posted March 26, 2021 Hi, SuperSampling process is working. But how to downsample again it to normal. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.