Animated Loading Indicator - Procedural Shapes and Patterns - Episode 11
Ben Cloward
Sep 5, 2024 15:00
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Create an account to hide videos, mark them watched, or save them to Don't Miss.
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 - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251
SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223
Helpers
AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761
AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758
Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835
Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&t=1408
RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254
Patterns
AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70
Bars - https://youtu.be/rSn7lUWUN0E
SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657
SDFs
Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&t=316
Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&t=89
Operators
SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&t=114
Time
LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6
SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420
UV
GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&t=121
Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&t=1010
Perspective - https://youtu.be/rSn7lUWUN0E
Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&t=1011
Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&t=602
Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&t=207
Here's last week's video on how to create an 80s sunset pattern:
https://www.youtube.com/watch?v=rSn7lUWUN0E
Here's the playlist for the whole series:
https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y
Shader Book Recommendations
https://www.bencloward.com/resources_books.shtml
------------------------------
Theme Music
Peace in the Circuitry - Glitch Hop
http://teknoaxe.com/Link_Code_3.php?q=1526
Background Music
Speo - The Little Things
https://www.youtube.com/watch?v=kvCYuyyLgC0
#UnrealEngine #shadergraph #Unity
Education
#UE4
#UE5
#Unreal
#Unreal Engine
#Unity
#shader
#material
#material editor
#game development
#real-time
#tutorial
#training
#graphics
#3d
#GPU
#tech art
#computer graphics
#fundamentals
#shader graph
#patterns
#shapes
#polar coordinates
#posterize
#quantize