x

Search in
Sort by:

Question Status:

Search help

  • Simple searches use one or more words. Separate the words with spaces (cat dog) to search cat,dog or both. Separate the words with plus signs (cat +dog) to search for items that may contain cat but must contain dog.
  • You can further refine your search on the search results page, where you can search by keywords, author, topic. These can be combined with each other. Examples
    • cat dog --matches anything with cat,dog or both
    • cat +dog --searches for cat +dog where dog is a mandatory term
    • cat -dog -- searches for cat excluding any result containing dog
    • [cats] —will restrict your search to results with topic named "cats"
    • [cats] [dogs] —will restrict your search to results with both topics, "cats", and "dogs"

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.

alt text

Thanks

Product Version: UE 4.10
Tags:
question.jpg (371.7 kB)
more ▼

asked Feb 22 '16 at 07:23 PM in Rendering

avatar image

schmigel
48 4 6 10

avatar image AndrewHurley Feb 22 '16 at 08:53 PM

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,

Andrew Hurley

avatar image schmigel Feb 22 '16 at 09:00 PM

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

avatar image schmigel Feb 23 '16 at 12:57 PM

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

avatar image schmigel Feb 23 '16 at 01:19 PM

Ok. Ive found..

avatar image schmigel Feb 23 '16 at 05:46 PM

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.

alt text alt text alt text

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

screenshot_1.jpg (23.5 kB)
screenshot_2.jpg (26.7 kB)
screenshot_3.jpg (56.8 kB)
avatar image schmigel Feb 23 '16 at 06:00 PM

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

avatar image AndrewHurley Feb 24 '16 at 06:34 PM

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'

avatar image schmigel Feb 24 '16 at 08:03 PM

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

Many thanks indeed!!!

(comments are locked)
10|2000 characters needed characters left
Viewable by all users

1 answer: sort voted first

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

alt text

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

alt text

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,

Andrew Hurley

more ▼

answered Feb 23 '16 at 03:25 PM

avatar image schmigel Feb 23 '16 at 05:07 PM

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!

avatar image AndrewHurley Feb 23 '16 at 05:37 PM

Sounds good, let me know if you get stuck.

avatar image schmigel Feb 23 '16 at 05:55 PM

Thanks Andrew. I updated the question with 3 images...

(comments are locked)
10|2000 characters needed characters left
Viewable by all users
Your answer
toggle preview:

Up to 5 attachments (including images) can be used with a maximum of 5.2 MB each and 5.2 MB total.

Follow this question

Once you sign in you will be able to subscribe for any updates here

Answers to this question