Animated Loading Indicator - Procedural Shapes and Patterns - Episode 11

Опубликовано: 31 Октябрь 2024
на канале: Ben Cloward

1,880

127

In this shader tutorial for Unreal and Unity, we create an animated loading indicator. This is a great example of how beneficial it is to have a library of nodes created specifically for building procedural shapes and patterns.

------------------------------------
Subgraph/Material Function Index:

Gradients
LinearGradient -    • Intro To Procedural Shapes and Patter...
SampleGradient -    • Animated 80s Sunset Pattern - Procedu...

Helpers
AntiAliasing -    • Intro To Procedural Shapes and Patter...
AspectRatio -    • Rectangle Signed Distance Field - Pro...
Mirror -    • Animated Sheen Effect - Procedural Sh...
Posterize -    • Animated Loading Indicator - Procedur...
RoundedCorners -    • Rectangle Signed Distance Field - Pro...

Patterns
AnimatedSheen -    • Animated Sheen Effect - Procedural Sh...
Bars -    • Animated 80s Sunset Pattern - Procedu...
SquareTiles -    • Procedural Grid Pattern - Procedural ...

SDFs
Circle -    • Circle Signed Distance Field - Proced...
Rectangle -    • Rectangle Signed Distance Field - Pro...
Operators
SDFUnite -    • Combining Signed Distance Fields - Pr...

Time
LinearTime -    • Animated Sheen Effect - Procedural Sh...
SineTime -    • Combining Signed Distance Fields - Pr...

UV
GridTiles -    • Procedural Grid Pattern - Procedural ...
Move -    • Combining Signed Distance Fields - Pr...
Perspective -    • Animated 80s Sunset Pattern - Procedu...
Polar Coordinates -    • Animated Loading Indicator - Procedur...
Scale -    • Simple Button - Procedural Shapes and...
Tilt -    • Animated Sheen Effect - Procedural Sh...

Here's last week's video on how to create an 80s sunset pattern:
   • Animated 80s Sunset Pattern - Procedu...

Here's the playlist for the whole series:
   • Procedural Shapes and Patterns

Shader Book Recommendations
https://www.bencloward.com/resources_...

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

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

Background Music
Speo - The Little Things
   • Speo - The Little Things

#UnrealEngine #shadergraph #Unity