Unity's ASE realizes UI streamer effect

foreword

We have done the effect of UV flow before, today we will make a special effect for the UI interface - UI streamer effect, first look at the effect as follows:

insert image description here

Implementation steps

1. Create a Legacy/Default UI Shader, which is a shader template specially used for UI
2. Add a Templete Parameter node as the Sprite Texture map of the Image
3. Then we output the Sprite Texture to a Texture Sample node
as shown below : We have implemented a simple Image rendering.
insert image description here

4. Add a flow texture
As shown below, we add a flow texture, and then flow through the UV Panner to make the texture move
insert image description here

5. Disturb the flow graph.
If a single flow graph moves up and down or left and right, the effect will look very monotonous. We might as well add a little disturbance to the UV of the flow graph. This has been used in previous articles, and the effect is as follows : We can see that the edges of the final flow graph have become irregular, and the effect is much better.

Guess you like

Origin blog.csdn.net/qq563129582/article/details/129394573