Vector Graphics Quality Issues Compared to Raster Graphics

Unity Engine
,
1

I’ve been experimenting with vector graphics in Unity, but I can’t seem to get them to look as crisp as PNGs when the camera is zoomed away from the sprite:

8475236--1126481--Vector-Raster 1x.png
8475236--1126481--Vector-Raster 1x.png704×299 36 KB

When I zoom in closer, the situation seems to be reversed, though, and vector graphics start to look nicer.
Here’s how they look with slight zoom:

8475236--1126490--Vector-Raster Slight zoom.png
8475236--1126490--Vector-Raster Slight zoom.png1142×467 82.1 KB

And this is how they look like with more zoom:

8475236--1126487--Vector-Raster Big zoom.png
8475236--1126487--Vector-Raster Big zoom.png1781×734 154 KB

I tried playing around with the tessellation settings, but I didn’t see any noticeable improvement with any configuration I tried:

8475236--1126484--SVG settings.png
8475236--1126484--SVG settings.png660×534 33.9 KB

Anyone have any tips on how I could make the far-away vector art look better?

2

I think you need some form of anti-aliasing.
https://docs.unity3d.com/Packages/com.unity.render-pipelines.high-definition@7.1/manual/Anti-Aliasing.html

3

Thanks! I think this pointed me to the right direction!

1 Like