Gradient Progress Bar - Procedural Shapes and Patterns - Episode 13
HTML-код
- Опубликовано: 4 окт 2024
- In this shader tutorial for Unreal and Unity, we create a progress bar that can be used to show loading status. It's simple to create UI elements like this one with the lbirary of subgraphs/material functions that we've created. I've linked them below.
------------------------------------
Subgraph/Material Function Index:
Gradients
LinearGradient - • Intro To Procedural Sh...
SampleGradient - • Animated 80s Sunset Pa...
Helpers
AntiAliasing - • Intro To Procedural Sh...
AspectRatio - • Rectangle Signed Dista...
Mirror - • Animated Sheen Effect ...
Posterize - • Animated Loading Indic...
RoundedCorners - • Rectangle Signed Dista...
Patterns
AnimatedSheen - • Animated Sheen Effect ...
Bars - • Animated 80s Sunset Pa...
SquareTiles - • Procedural Grid Patter...
SDFs
Circle - • Circle Signed Distance...
Rectangle - • Rectangle Signed Dista...
Operators
SDFUnite - • Combining Signed Dista...
Time
LinearTime - • Animated Sheen Effect ...
SineTime - • Combining Signed Dista...
UV
GridTiles - • Procedural Grid Patter...
Move - • Combining Signed Dista...
Perspective - • Animated 80s Sunset Pa...
Polar Coordinates - • Animated Loading Indic...
Scale - • Simple Button - Proced...
Tilt - • Animated Sheen Effect ...
Here's last week's video on how to improve loading indicator:
• Advanced Loading Indic...
Here's the playlist for the whole series:
• Procedural Shapes and ...
Shader Book Recommendations
www.bencloward...
------------------------------
Theme Music
Peace in the Circuitry - Glitch Hop
teknoaxe.com/Li...
Background Music
Speo - The Little Things
• Speo - The Little Things
#UnrealEngine #shadergraph #Unity
Thx Ben. U have one of the coolest and best channels all over YT.
Soon I will need u more 😊
Have a nice we 🐈🐾🐾
Smashing like, awesome tutorial as always! Any chance we see a toon poof/footstep particle tutorial?
Few years ago I made Diablo style health bar using a bunch of textures, and now i remade it fully procedural with your tutorials help. Thank you for sharing your knowledge!)
That’s great! Spoiler alert - I’m going to be covering that in a week or two.
I love your tutorials, I learn so much.
I noticed in Unity we can use a gradient as parameter, why not use it for the colours?
Hi Ben, great video like always. I have a question about another topic, do you think there is a way to make a procedural sine wave using shader graph?
I had that problem a while ago and I couldn't solve it, I had to do it through code using Line Renderer, but I wonder if you can think of a way to do it with shader graph. Thanks
Can you tell me more about what you're looking for? Shader Graph has a Sine node you can use to animate vertices, move UV coordinates, etc. But I'm guessing that you're looking for something else?