Apply anti-aliasing to shaderMaterial

11170 · July 28, 2021, 5:12am

Hello.
I have succeeded in compositing 2 images using shaderMaterial.
I needed 3 images, and 1 is a mask image.
The composited image is rough.
How do I apply anti-aliasing?

mjurczyk · July 28, 2021, 5:30am

If you apply antialiasing to the mask (ie. make edges grey and smooth), then in the shader multiply output color value by the mask value - it should auto-alias by itself.

11170 · July 28, 2021, 5:40am

Does that mean I have to implement it myself?

mjurczyk · July 28, 2021, 6:53am

In a way - it would be a bit easier if you shared your fragment shader code. It’s a matter of adding a single multiplication.

11170 · July 28, 2021, 7:02am

This document contains the source code.

https://discourse.threejs.org/t/smoothing-shadermaterial/28421

11170 · July 28, 2021, 10:31pm

I solved it by multiplying the transparency of the mask.

Topic		Replies	Views
Apply shadow in ShaderMaterial Questions textures , materials , shaders , shader-material	11	1279	July 18, 2023
Transparent canvas and transparent ShaderMaterial Questions shaders , transparency , canvas , fragment-shader	3	4062	June 4, 2018
Simplest way to apply lambert shading to custom shader? Questions shaders	2	1416	February 4, 2020
Shadermaterial that continues pattern throughout objects Questions uv	4	407	May 24, 2023
Apply custom shader to whole scene instead as ShaderMaterial Questions deferred-rendering	3	866	March 6, 2023

Apply anti-aliasing to shaderMaterial

Related Topics