Advanced Loading Indicator - Procedural Shapes and Patterns - Episode 12
Ben Cloward
Sep 12, 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 building on and improve the loading indicator that we created last week. We adjust the dots so they change size as they go around, and we use our Perspective node to make the circle animate in 3D space.
------------------------------------
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 the loading indicator:
https://youtu.be/lfY0v4q2dtw
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
#perspective
#warp
#circle