Download

Paper2D: Some problems with my Sprites

Hey guys!

As i’m still a noob in game development, i wanted to stick with 2D games first. Now i activated the Paper2D plugin and started making animations from my spritesheets.

But i have a huge problem: my sprites (pixel art) are blurry and they are lit in the scene, eventhough there aren’t any lights and i attached a spritematerial to those sprites, where ‘Lightning Model’ is ‘Unlit’.

Here’s a picture of the scene with some sprites:
73853095a23b19a3c7850116e37a265c19890e9c.jpeg

And here’s a picture of the spritesheet, imported in UE4:
6832b749c63d67d5abeb75bf40de694039c6a9d3.jpeg
(well, this doesn’t really look good :P)

So… does anyone know the trick? Because i’m simply stumped for an answer. :smiley:

Oh, and i didn’t changed anything on those settings. So everything’s at “normal state”. :wink:

Sincerely Leroy

Hi Gamixie,

Not sure about the lighting; that should be 100% controlled by the material assigned to the sprite, but you want to change filtering from linear to nearest on the texture you used for your spritesheet to get rid of the blurriness.

Cheers,
Michael Noland

Hey Michael!

Thanks for your answer!

I use the ‘DefaultSpriteMaterial’. Do i have to change something on this material?

My character is now 100% sharp, but it seems like he’s to sharp, because the right eye is a bit to big. Here’s a picture:
ue4_sprite.JPG

What i changed on the spritesheet:
Filter: Nearest
Compression Settings: TC Editor Icon

Sincerely Leroy

Hi Gamixie,

You are not at a pixel multiple of the size of your sprite. To get ‘pixel-perfect’ sprites you need to move your camera in or out (perspective) or adjust the ortho width (orthographic) until you end up at a nice multiple. For example, say you want to have a 320 ‘pixel’ screen but the actual screen width is 1920, then you need to be back so that each ‘pixel’ is really 6 pixels on the screen. If you’re not exactly on a multiple, you’ll see some source pixels being larger than others (e.g., if you’re at 4.5, then some pixels will map to 4 destination pixels while others map to 5).

Cheers,
Michael Noland

Thanks again.

Yes, i remember that. Now it’s sharp! :smiley:

That’s wierd: this solved this light issue. The sprites are still lit, but not as much as before.

I have only one question left: the spritesheet is now sharp, but i have still these wierd red artifacts in the background and now that camera is “pixel-perfect”, i see those artifacts in the game. Is there any trick?

Sincerely Leroy

This helped me as well. My issue now is that for some reason my sprites are rendering too bright. Turned Mobile HDR off, set texture filter to Nearest, and set compression to TC Editor Icon.

Even in the editor in “unlit” mode the sprite colors render with their colors brightened.

Look see:edde29b99a059ec0c0e3af1b353e6d1d306f6996.png

I hope you would capitalize the efforts on other images and projects also,that would be a testing curve and you can also try for 3D rendering for more refined look.

I went into Tappy Chicken to see how their materials are set up differently than mine. Turns out they are not, so I compared the source art to the displayed Chicken, and the same “lightening” is happening here, too. It’s a bug, me thinks.

Hi Sadonis,

Check to see if you have automatic exposure/eye adaptation enabled or disabled on your global post process volume. If you disable it (or force exposure to +0), you shouldn’t see any change in brightness.

Cheers,
Michael Noland

I figured it out, There is a “sRGB” setting that said “uncheck if using alpha channels individually as masks” I thought applied to me. Re-checking it made the texture match again.
I went back to tappy chicken to double check what I’d found. Sure enough, there is a grey border to the chicken’s (eyes?) that gets lost (bleached white) when you press play. My sprite is matching much better now, but I wonder why Tappy Chicken is still brightening by the smallest ammount…

The “lighting” is just the bloom post process effect. It makes all white spots light up like that.

I’m having trouble attaining the visual clarity I want. When you say “move back”, what do you mean, exactly? By how many Unreal units should we move the ortho width ‘back’ to get the desirable pixel perfection?

My sprites won’t show up in nice, crisp form. Running a 1920x1080 monitor.

Check the texture group and compression settings.For my project i chose 2D pixels for texture group and vectorDisplacementmap(RGBA8) for compression settings.

Blurry sprites could be an Anti-alising problem. Turn Anti-alising off from your project-settings. Fixed it for me.

Try going in Project Settings > Rendering and set Anti Aliasing Mode to ‘None’.