Hi, Please have a look into this, [image] All New Nissan Magnite Scroll down to the 360 DEGREES OF CARISMA . you will see a car model. While rotating that car, you can see so many aliasing on the edges. But, when you leave the interaction, all aliasing will …

The default texture type when you create a post process is UNSIGNED_BYTE. In your case, you want to use HALF_FLOAT or FLOAT: Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

2 possibilities :slight_smile: turning on off MSAA or FXAA during manipulation to improve speed and also super sampling (increasing the canvas resolution) when everything is paused. This gives a slow frame when it is all static but with a better quality.

Thanks for your reply @sebavan . It don’t think the canvas resolution gets changed. But I am not sure about it. FXAA and MSAA also I am using. But I couldn’t see that running effect on it to antialias. and I am not getting this much of antialiased output. So, I thought, something other than thi…

The “360 Degrees of Carisma” experience doesn’t load for me [image] If it’s loading correctly for you, could you record a short video so we could see the intended effect? It would also be great if you could share your project so we could compare what you currently have. Best of all would be if y…

haha. I don’t know how to create it @DarraghBurke that’s what my question. Then How can I recreate it on a Playground. I can share another reference , since you are not able to see 360 Degrees of Carisma. https://imaginator.tatamotors.com/safari/#/build/showcase

Wow. Thanks @Kesshi . I think so. The explanation given by you in that shared post is looking similar to what I need. But How to achieve it and I couldn’t see the video you have shared in that post. Any playground or sample codes for it?

This is so cool :heart_eyes: If you are able to share anything about your technique I think it would be super useful to the community :slight_smile:

I can’t share our solution directly because its based on a lot of custom code regarding the render loop and camera handling. I can’t promise something but if i have some free time in the next days i will try to recreate a simplified example in the playground.

Would be nice to add it as a standard Babylon pipeline :slight_smile:

I got a basic version working: Babylon.js Playground I don’t know if its the best way to do it but i need access to the previously rendered frame in the shader. For this i used an additional PassPostProcess to store the frame data. Things which could be improved and what we are doing in our app: …

Anti aliasing filter effect to the camera

Questions

Kesshi October 5, 2021, 6:13am 6

Looks similar to what we are doing. I explained it here: Support for TAA (Temporal Anti-Aliasing) - #3 by Kesshi

Topic		Replies	Views
How to get antialiased render output like this Questions	19	1947	February 28, 2023
🤔 Anti-aliasing doesn't seem to work in my project Questions	20	3164	December 14, 2019
How to fix the anti aliasing issue on babylon js Questions	7	485	October 6, 2025
Anti aliasing effect Questions material	2	612	February 15, 2021
Enable image processing jagged Bugs postprocessing	12	565	July 5, 2023

Anti aliasing filter effect to the camera

Related topics