three.jsmeshgeometry-shader

THREE.js: RingGeometry and CircleGeometry blurry when rotating the scene

I'm using RingGeometry in my scene, at start the rings are renderer perfectly, but if I rotate the scene, artifacts appears on the rings. I tried CircleGeometry and I have the same result. The circle and the scene has an alpha channel because I need to variate the rings opacity.

Before rotating a ring

After rotating a ring

Before rotating a circle

After rotating a circle

Solution

  • Thank you @Marquizzo that was it. I have and invisible circle at the same position (used for raycaster.intersectObjects), even if it was at opacity 0 it was causing z-fighting. I moved this invisible circle on the z-axis and the render is perfect now.