Itey Profile picture
Dec 1, 2021 9 tweets 4 min read Read on X
🔽How I made this cool "LED panel" effect in Unity
⚠️Disclaimer: I have no idea what I'm actually doing

#madewithunity #unitytips #shader #vfx #unity
Now, the easiest way of doing this would be with a simple scrolling texture. However, if you need many different messages, you need many different textures, and file size can be a problem if you are targeting mobile platforms (which I'm doing)
So instead, I'm only going to use one "high res" mask texture, and keep all the other ones with a really small resolution, which scales better the more textures you need (I think that makes sense?)
#1, I create a simple panel model in Blender, keeping the screen and the panel itself in different meshes, nothing fancy here
#2 I made my mask with 32 x 8 "leds" in total, which means that as long as the message textures also maintain that resolution, the effect should work (1 pixel = 1 led)
#3 In Unity, create a new Unlit Shader (Create -> Shader -> Universal Render Pipeline -> Unlit Shader Graph), with 3 properties: the main texture, the mask texture, and a Vector2 for the scroll speed. The basic implementation should look something like this
#4 Now we can just offset the UV of the main texture with time, round the value and divide between the number of leds in the mask (32 and 8 in my case) to get the effect we want
And just like that, apply the shader and you are done!
As I said, this is the implementation that better fits my game, probably won't be worth it in most projects, just wanted to share anyways.
Also thanks for 1000 followers :)

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Itey

Itey Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(