Uploaded September 2024 | Updated September 2026, 2 weeks ago

---

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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251
SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223

Helpers
AntiAliasing - youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761
AspectRatio - youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758
Mirror - youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835
Posterize - youtube.com/watch?v=lfY0v4q2dtw&t=1408
RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254

Patterns
AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70
Bars - youtu.be/rSn7lUWUN0E
SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657

SDFs
Circle - youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&t=316
Rectangle - youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&t=89
Operators
SDFUnite - youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&t=114

Time
LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6
SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420

UV
GridTiles - youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&t=121
Move - youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&t=1010
Perspective - youtu.be/rSn7lUWUN0E
Polar Coordinates - youtube.com/watch?v=lfY0v4q2dtw&t=1011
Scale - youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&t=602
Tilt - youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&t=207


Here's last week's video on how to improve loading indicator:
youtube.com/watch?v=X1cBIetWwrU

Here's the playlist for the whole series:
youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y

Shader Book Recommendations
bencloward.com/resources_books.shtml

------------------------------

Theme Music
Peace in the Circuitry - Glitch Hop
teknoaxe.com/Link_Code_3.php?q=1526

Background Music
Speo - The Little Things
youtube.com/watch?v=kvCYuyyLgC0

#UnrealEngine #shadergraph #Unity