#Pixelated shader effects for UI Elements

1 messages · Page 1 of 1 (latest)

tropic jackal
#

Hello, I am trying to make a "pixel" shader for a UI-based game. Many of the tutorials I see on youtube, like this one (https://www.youtube.com/watch?v=Sru8XDwxC3I) show how to make pixelated effects, but for non-UI based objects. Any idea how I can achieve a pixelated effect using shader graph?

This short video tutorial covers how to get a pixelated look (also called "low resolution look" or "retro look") in Unity. This is a great effect for 2D and 3D games.

In this tutorial we learn:

  • How to create a Render Texture
  • How to create a Raw Image
  • How to tweak some settings (game scale, camera warning, crisp pixels, resolution)

You ca...

▶ Play video
#

In the picture, I have UI text and an image which are not pixelated, which is expected since this tutorial only applies the effect to object the camera renders

stray portal
tropic jackal
#

Thanks. I did that and for some reason it makes the game screen go black completely. Not sure why. The raw image render texture doesn't show the same black screen

stray portal
#

Reset the scale to 1.

tropic jackal
#

which scale setting are you referring to? The scale setting on the game tab is already set to 1.

stray portal
#

I can also see by the scrollbars

tropic jackal
#

the scale is 1x in that picture. if I drag it all the way to the left to get rid of the scrollbars, it's still black. I tried playing around with the different resolution options too.