-
- EXPLORE
-
-
-
-
Shader creation and other game dev tips and tricks in Unity and Unreal. My opinions are my own and do not represent the positions of my employer.
Ben Cloward has been a game dev for over 20 years and has been creating shaders since 2003. He was a co-creator of ShaderFX, a plugin (originally for 3ds Max) that allows artists to create real-time shaders using a node-based interface. ShaderFX is now built in to Max and Maya as the main way that real-time shaders are created. Ben was the original author of the Uber shader used in Maya's viewport. In 2007, Ben joined Bioware in Austin, Texas as a Cg Supervisor focused on graphics, performance, and shaders - on titles such as Star Wars The Old Republic, and Anthem. Ben now works for Unity on the Shader Graph team. Ben has given numerous talks at industry events such as Siggraph, and GDC. He loves to share what he has learned.
Ben Cloward has been a game dev for over 20 years and has been creating shaders since 2003. He was a co-creator of ShaderFX, a plugin (originally for 3ds Max) that allows artists to create real-time shaders using a node-based interface. ShaderFX is now built in to Max and Maya as the main way that real-time shaders are created. Ben was the original author of the Uber shader used in Maya's viewport. In 2007, Ben joined Bioware in Austin, Texas as a Cg Supervisor focused on graphics, performance, and shaders - on titles such as Star Wars The Old Republic, and Anthem. Ben now works for Unity on the Shader Graph team. Ben has given numerous talks at industry events such as Siggraph, and GDC. He loves to share what he has learned.
Recent Updates
-
WWW.YOUTUBE.COMCircle Button Part 2 - Procedural Shapes and Patterns - Episode 25In this shader tutorial for Unreal and Unity, we use the player icon we created last week to create a circle sci-fi button. I show how to combine multiply elements to create an active, pressed, and selected state for the button.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223 Sphere Gradient - https://youtu.be/d3VNolKJ_bw?si=Z6uaqA92_sClqpv-&amp ;amp;t=85Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Gradient - https://youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&amp ;amp;t=2200 HistogramScan - https://youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&amp ;amp;t=290 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns Animated Cloud Pattern - https://youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&amp ;amp;t=1136 AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E CircleSegments - https://youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&amp ;amp;t=56 SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to create the player icon for the button:https://youtu.be/JbgPKqU7J6w Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 10 ViewsPlease log in to like, share and comment!
-
WWW.YOUTUBE.COMCircle Button Part 1 - Procedural Shapes and Patterns - Episode 24In this shader tutorial for Unreal and Unity, I show how to make a player icon from our circle and rectangle SDF nodes. Next week we're going to use this icon as the center of our circle-shaped sci-fi button.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223 Sphere Gradient - https://youtu.be/d3VNolKJ_bw?si=Z6uaqA92_sClqpv-&amp ;amp;t=85Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Gradient - https://youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&amp ;amp;t=2200 HistogramScan - https://youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&amp ;amp;t=290 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns Animated Cloud Pattern - https://youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&amp ;amp;t=1136 AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E CircleSegments - https://youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&amp ;amp;t=56 SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to add bubbles to the fantasy health meter:https://youtu.be/eXJYkjPfbmk Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 27 Views
-
WWW.YOUTUBE.COMFantasy Health Meter Part 5 - Procedural Shapes and Patterns - Episode 23In this shader tutorial, we finish off the series of videos on creating a Diablo-style health meter by adding animated bubbles to the liquid in our crystal vial. We also add an alpha channel so this UI element can be transparent.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223 Sphere Gradient - https://youtu.be/d3VNolKJ_bw?si=Z6uaqA92_sClqpv-&amp ;amp;t=85Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Gradient - https://youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&amp ;amp;t=2200 HistogramScan - https://youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&amp ;amp;t=290 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns Animated Cloud Pattern - https://youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&amp ;amp;t=1136 AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E CircleSegments - https://youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&amp ;amp;t=56 SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to add ripples to the top of the liquid:https://youtu.be/Ki2X2F31cGc Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 37 Views
-
WWW.YOUTUBE.COMFantasy Health Meter Part 4 - Procedural Shapes and Patterns - Episode 22In this shader tutorial for Unreal and Unity, we add the ripples to the liquid in our crystal orb, and I show how to make the liquid translucent. I also show how to make it rise and drain.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223 Sphere Gradient - https://youtu.be/d3VNolKJ_bw?si=Z6uaqA92_sClqpv-&amp ;amp;t=85Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Gradient - https://youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&amp ;amp;t=2200 HistogramScan - https://youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&amp ;amp;t=290 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns Animated Cloud Pattern - https://youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&amp ;amp;t=1136 AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E CircleSegments - https://youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&amp ;amp;t=56 SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to fill the health meter with red liquid:https://youtu.be/i0x9j-UASnc Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml0 Comments 0 Shares 53 Views
-
WWW.YOUTUBE.COMFantasy Health Meter Part 3 - Procedural Shapes and Patterns - Episode 21In this shader tutorial for Unreal and Unity, we add the red liquid to our crystal orb, and I show how to make the liquid translucent. I also show how to make it rise and drain.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223 Sphere Gradient - https://youtu.be/d3VNolKJ_bw?si=Z6uaqA92_sClqpv-&amp ;amp;t=85Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Gradient - https://youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&amp ;amp;t=2200 HistogramScan - https://youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&amp ;amp;t=290 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns Animated Cloud Pattern - https://youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&amp ;amp;t=1136 AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E CircleSegments - https://youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&amp ;amp;t=56 SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to create the reflection and specular highlight for the sphere:https://youtu.be/Rm855vDisAE Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 82 Views
-
WWW.YOUTUBE.COMFantasy Health Meter Part 2 - Procedural Shapes and Patterns - Episode 20In this shader tutorial for Unreal and Unity, we use the sphere data that we generated last week to create a specular highlight and reflections to create the appearance of a glass sphere for our health meter.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223 Sphere Gradient - https://youtu.be/d3VNolKJ_bw?si=Z6uaqA92_sClqpv-&amp ;amp;t=85Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Gradient - https://youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&amp ;amp;t=2200 HistogramScan - https://youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&amp ;amp;t=290 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns Animated Cloud Pattern - https://youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&amp ;amp;t=1136 AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E CircleSegments - https://youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&amp ;amp;t=56 SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to creating a sci-fi buttonhttps://youtu.be/jdWnQ0KbAwM Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 106 Views
-
WWW.YOUTUBE.COMFantasy Health Meter Part 1 - Procedural Shapes and Patterns - Episode 19In this shader tutorial for Unreal and Unity, we begin a short series on creating a Diablo-style health or mana meter. It's a crystal sphere filled with bubbling colored liquid that rises or drains to show the player's health. Today we focus on creating the data to create the sphere including depth, normals, diffuse lighting, and a mask. ------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223 Sphere Gradient - Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Gradient - https://youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&amp ;amp;t=2200 HistogramScan - https://youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&amp ;amp;t=290 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns Animated Cloud Pattern - https://youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&amp ;amp;t=1136 AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E CircleSegments - https://youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&amp ;amp;t=56 SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to creating a sci-fi buttonhttps://youtu.be/jdWnQ0KbAwM Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 90 Views
-
WWW.YOUTUBE.COMRectangle Signed Distance Field - Procedural Shapes and Patterns - Episode 4In this video, I show how to create a full-featured rectangle signed distance field node. The node includes fill, stoke, SDF, and Stroke SDF outputs and has lots of controls to change the size and shape of the rectangle - including rounding the corners.------------------------------------Here's last week's video that show how to create a circle signed distance field shape:https://youtu.be/R_5CTBgkfZ0 Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 87 Views
-
WWW.YOUTUBE.COMSimple Button - Procedural Shapes and Patterns - Episode 5In this tutorial, we create a simple button UI element in Unreal and Unity using the Rectangle SDF node we created last week. The shader includes standard, pressed, active, and moused-over states. The tutorial also includes the creation of a scale node to add to our library.------------------------------------Here's last week's video that shows how to create the rectangle SDF node:https://youtu.be/fDjEq30dwNM Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 85 Views
-
WWW.YOUTUBE.COMAdvanced Button Part 1 - Procedural Shapes and Patterns - Episode 6In this tutorial, we expand on the button shader that we created last week in Unreal and Unity. We adjust the appearance so our button matches the retro Aqua style that Apple made famous in OS X. And again, everything we're doing is procedural - so it's resolution independent and uses zero texture memory.------------------------------------Here's last week's video that shows how to create a simple button:https://youtu.be/6UYqtdRoKQ4 Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 83 Views
-
WWW.YOUTUBE.COMAnimated Sheen Effect - Procedural Shapes and Patterns - Episode 7In this tutorial, we create an animated sheen effect - like a light source moving across a shiny surface. We're going to use this for our mouse-over state when we complete our advanced button shader next week. This tutorial includes the creation of the Linear Time, Tilt, and Mirror subgraphs.------------------------------------Here's last week's video - part 1 of the advanced button tutorial:https://youtu.be/CCw-MUHEgxc Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 95 Views
-
WWW.YOUTUBE.COMAdvanced Button Part 2 - Procedural Shapes and Patterns - Episode 8In this tutorial, we complete our advanced button shader - including adding a drop shadow, and translucency as well as moused-over and pressed states. Everything we're doing is procedural - so it's resolution independent and uses zero texture memory.------------------------------------Here's last week's video that shows how to create the animated sheen effect:https://youtu.be/jxr4YK_m8hc And here's Part 1 of the Advanced Button tutorial:https://youtu.be/6UYqtdRoKQ4 Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 90 Views
-
WWW.YOUTUBE.COMProcedural Grid Pattern - Procedural Shapes and Patterns - Episode 9In this shader tutorial for Unreal and Unity, we create a procedural grid pattern. The tutorial includes the creation of a subgraph that creates a tiling UV pattern, and then we use that to generate a grid.------------------------------------Here's last week's video - the second half of the advanced button tutorial:https://youtu.be/wVzpcX59iJQ Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 81 Views
-
WWW.YOUTUBE.COMAnimated Sci-Fi Button - Procedural Shapes and Patterns - Episode 18In this shader tutorial for Unreal and Unity, we create an animated button using the same animated grid pattern that we use for the background pattern last week.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Gradient - https://youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&amp ;amp;t=2200 HistogramScan - https://youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&amp ;amp;t=290 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns Animated Cloud Pattern - https://youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&amp ;amp;t=1136 AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E CircleSegments - https://youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&amp ;amp;t=56 SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to create an animated cloud pattern:https://youtu.be/qB8GKIWKOp4 Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml0 Comments 0 Shares 80 Views
-
WWW.YOUTUBE.COMAnimated 80s Sunset Pattern - Procedural Shapes and Patterns - Episode 10In this shader tutorial for Unreal and Unity, we create an animated 80s sunset pattern. The tutorial includes the creation of a perspective warp subgraph and a bars pattern.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradientHelpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E?si=hLxF7gd3paoMv48l&amp ;amp;t=685 SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E?si=esJ4YsVw4huAb4Hx&amp ;amp;t=96 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207------------------------------------Here's last week's video on how to create a procedural grid patterns:https://youtu.be/ChaXcYB4xvQ Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC00 Comments 0 Shares 85 Views
-
WWW.YOUTUBE.COMAnimated Loading Indicator - Procedural Shapes and Patterns - Episode 11In 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&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here'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 Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 85 Views
-
WWW.YOUTUBE.COMAdvanced Loading Indicator - Procedural Shapes and Patterns - Episode 12In 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&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here'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 Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 88 Views
-
WWW.YOUTUBE.COMGradient Progress Bar - Procedural Shapes and Patterns - Episode 13In 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 - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to improve loading indicator:https://www.youtube.com/watch?v=X1cBIetWwrU Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 90 Views
-
WWW.YOUTUBE.COMCircle Segments Pattern - Procedural Shapes and Patterns - Episode 14In this shader tutorial for Unreal and Unity, we create an animated circle segments pattern. We use polar coordinates and the Mirror node that we created previously.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to create a progress bar:https://www.youtube.com/watch?v=W-MLYIjA65w Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 87 Views
-
WWW.YOUTUBE.COMCircular Progress Dial - Procedural Shapes and Patterns - Episode 15In this shader tutorial for Unreal and Unity, we create a radial progress dial. We also create a histogram scan node - similar to the one in Substance Designer.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Gradient - https://youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&amp ;amp;t=2200 HistogramScan - Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E CircleSegments - https://youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&amp ;amp;t=56 SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to create the circular segments node:https://youtu.be/CXY7RNwokPU Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 89 Views
-
WWW.YOUTUBE.COMAnimated Cloud Pattern - Procedural Shapes and Patterns - Episode 16In this shader tutorial for Unreal and Unity, we create an animated cloud pattern using scrolling procedural noise. We're going to use this pattern next week to create a sci-fi background.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Gradient - https://youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&amp ;amp;t=2200 HistogramScan - https://youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&amp ;amp;t=290 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns Animated Cloud Pattern - AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E CircleSegments - https://youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&amp ;amp;t=56 SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to create a circular progress dial:https://youtu.be/nj7kKHr8QNM Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 87 Views
-
WWW.YOUTUBE.COMAnimated Sci-Fi Background - Procedural Shapes and Patterns - Episode 17In this shader tutorial for Unreal and Unity, we create an animated background using the Animated Clouds and Square Tiles nodes that we created previously.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - https://youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&amp ;amp;t=251 SampleGradient - https://youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&amp ;amp;t=2223Helpers AntiAliasing - https://youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&amp ;amp;t=761 AspectRatio - https://youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&amp ;amp;t=1758 Gradient - https://youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&amp ;amp;t=2200 HistogramScan - https://youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&amp ;amp;t=290 Mirror - https://youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&amp ;amp;t=835 Posterize - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1408 RoundedCorners - https://youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&amp ;amp;t=1254Patterns Animated Cloud Pattern - https://youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&amp ;amp;t=1136 AnimatedSheen - https://youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&amp ;amp;t=70 Bars - https://youtu.be/rSn7lUWUN0E CircleSegments - https://youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&amp ;amp;t=56 SquareTiles - https://youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&amp ;amp;t=657SDFs Circle - https://youtu.be/GMQym0in8OY?si=X9tSSWsdCwoKvPKy&amp ;amp;t=316 Rectangle - https://youtu.be/fDjEq30dwNM?si=6pataNA5gQySVmQl&amp ;amp;t=89 Operators SDFUnite - https://youtu.be/R_5CTBgkfZ0?si=sy2t2ppeTviChNog&amp ;amp;t=114Time LinearTime - https://youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - https://youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&amp ;amp;t=1420UV GridTiles - https://youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&amp ;amp;t=121 Move - https://youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&amp ;amp;t=1010 Perspective - https://youtu.be/rSn7lUWUN0E Polar Coordinates - https://www.youtube.com/watch?v=lfY0v4q2dtw&amp ;amp;t=1011 Scale - https://youtu.be/6UYqtdRoKQ4?si=eVy6RFwycKjYaH4r&amp ;amp;t=602 Tilt - https://youtu.be/jxr4YK_m8hc?si=RyE0GLt0BzDH0w6q&amp ;amp;t=207Here's last week's video on how to create an animated cloud pattern:https://youtu.be/qB8GKIWKOp4 Here's the playlist for the whole series:https://www.youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y Shader Book Recommendationshttps://www.bencloward.com/resources_books.shtml ------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526 Background MusicSpeo - The Little Thingshttps://www.youtube.com/watch?v=kvCYuyyLgC0 #UnrealEngine #shadergraph #Unity0 Comments 0 Shares 86 Views
-
-
More Stories