Flipbook texture Anti-aliasing

Hi,

Im creating a 2D animation with the help of blueprints.
But the image result is very crispy.

To be sure, I imported the same PNG for tests, and the results are different.

The first one (the one on the right)
is a PNG image with alpha converted to a SPRITE.
The quality is perfect.

The second one (the one on the left),
is a FLIPBOOK with 1 frame, from exactly the SAME SPRITE from number 1.
But the edges are differente and more crispy.

The last one (the one on the middle)
is a Blueprint with Flipbooks generated from some PNGs. The flipbooks are paused at the first frame.
The result looks really terrible at play time.

All PNGs have at least 512px , with alpha and no compression.
All settings are set to EPIC.
And all Texture dont have MipMap enabled.
My camera is Perspective. But with ortographic I have same problem.

Everthing looks fine at viewport. But at play time looks ugly.

Anyone can tell me whats happening?

Really need to solve this one.

Thanks

Hello schmigel,

In order to assist you in an efficient manner, could you provide me with either a simple test project or some repro steps so I can confirm what you are reporting on my end?

You can use the Zip up project option in the File > Package Settings options. Then upload the project to an external file sharing program like Google Drive. You can then share the link with me via a private message on the forums, and I can proceed to download and test this issue.

If you have further questions, please let me know.

Cheers,

Thanks. I will send tomorrow when I came back to office.

Hi Andrew. How can I send you a private message?
Should I create a new forum post?

Ok. Ive found…

Hey schmigel,

So I believe the source of your issue are the texture settings you are using for your character. See the below images where I have highlighted the settings you will want to make sure to have in place for the texture.

Texture Settings - 2D Pixels

As you can see I have made sure to assign it to the correct texture group, and used a Tri-linear filter to smooth out the aliasing of the textures edges. I will say increasing the resolution of the image texture is going to increase the crispness of your texture.

Characters in Viewport

Now both characters are almost identical, and the aliasing is greatly reduced. They won’t be perfect as that would take a higher resolution image. You can also experiment with the material and it’s clipping value when working with a mask. Using these settings should be sufficient enough to get you on the right path to production.

Let me know if you have further questions.

Thank you,

1 Like

Sounds good, let me know if you get stuck.

I made the changes you suggested and Im getting problem sometimes.
I will try to play with some changes to get a ideal result.

Thank you!

Just to show what Im trying to solve.
Screen 1 is a Sprite with a PNG with the settings tha you suggested.
Screen 2 is a Flipbook using the same Sprite from Screen 1.

I placed another object behind (a black texture) to show better the aliasing problem.

79591-screenshot_1.jpg

79592-screenshot_2.jpg

The weird thing is that its the same sprite, from the same texture.
Just convert to flipbook and the jagged edge appears.

Thanks Andrew. I updated the question with 3 images…

Maybe is it caused by the animation from blueprint?
In this case its just 1 frame.

Are you using a masked or translucent sprite material for the Flipbook?

I was able to confirm what you are saying about the first frame looking different, as I created a new flipbook using the idle sprite. I also noticed that the ‘Default Material’ was moved back to ‘MaskedUnlitSpriteMaterial’ instead of ‘TranslucentUnlitSpriteMaterial’

I was using ‘MaskedUnlitSpriteMaterial’ in the Flipbook! Didnt notice until you said.
Thank you ! That solved!

Many thanks indeed!!!