How do I use the 2D shader graph to dissolve my pixel art sprite pixel by pixel?

[Chazzwazzler]

I know how to do a normal dissolve effect, I just have no idea how to do it pixel by pixel on my pixel art sprite (I want to do this because a high res dissolve effect just doesn’t fit into my pixel art game). If that isn’t possible, is it at least possible to downscale the dissolve effect to be at a certain resolution to give the illusion that my sprite’s pixels are dissolved. How would I achieve this in the shader graph?

[Olmi]

Hi,

On high level, it would be something like this: Create a grayscale noise pattern. You could then use the gradient of colors (from black to white), to select what you show. Then it’s just a matter of adjusting the thresold from 0-1 to fade out your sprite.

For pixelation, you could adjust the scale of the “tiles” you want to use by manipulating your UV coordinates if your “pixels” aren’t actually a real pixel size.

EDIT: Looks like I have answered to a similar question, see this thread for an example graph:

Need help making a dissolve type shader with a pixel game

Hello, I'm new to shader graph and shaders in general. I'm trying to make a shader for dissolving the foreground of my game. [image] I've been following some tutorials I've found online but none of them deal with dissolving in a pixel art fashion. Any help would be greatly appreciated!

[antonioniii]

Hey @Chazzwazzler . Were you ever able to achieve this? I’m trying to achieve this now myself. Would love to hear about your process and outcome.

i started a thread here if you’re willing to share. Would really appreciate it!

Programmatically dither fade in and out 2D sprites? 2D Sprite effects with shaders?

I’ve always been a fan of Downwells pixel art execution. There’s a great dither in and out animation to the sprites when loading a new scene/stage in the game. I’ve always assumed this was done by hand drawing the animations frame to frame. Which I’ve also done to a similar/same effect as well. Visual Snippet References [image] [image] [image] However, a Game Developer interview with Billy Basso about his upcoming game, Animal Well’s pixel graphic process got me thinking. He goes on to ta…

[Lo-renzo]

@antonioniii did you try Olmi’s approach? I’ve done similar and that works to convert smooth gradient to pixelated.

His sample graph:

[antonioniii]

Thanks for the response @Lo-renzo .

I actually made another thread in which someone had a very accurate solution to what I was looking for:

How to write a shader that can work in a pixel grid of a sprite?