Fabric Shaders - Advanced Materials - Episode 10 Ben Cloward 2026-09-26 | Fabric Shaders - Advanced Materials - Episode 10
Custom Lighting Models - Episode 1 Ben Cloward 2025-01-16 | Today we begin a new series of videos about custom lighting models. Usually when we make a shader, we just define the material properties - color, normal, smoothness, metallic, etc - but in the series of videos I'm going to show you how to define and customize the calculations that define how light interacts with the surface - including diffuse, specular, and ambient lighting.Take a look at the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lGnGa7L2X4o3UV-XYZEKNwjShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Shader Creation for Everyone! - An intro to Ben Clowards YouTube channel Ben Cloward 2025-01-02 | Thanks a lot for coming to visit my channel! Here are some good places to start:Shader Graph Basics - youtube.com/playlist?list=PL78XDi0TS4lEBWa2Hpzg2SRC5njCcKydl48 videos covering the vbasics of shader creation in Unreal and Unity.Materials 101 - youtube.com/playlist?list=PL78XDi0TS4lFlOVKsNC6LR4sCQhetKJqs46 videos covering material creation in Unreal. Advanced Materials - youtube.com/playlist?list=PL78XDi0TS4lGqHdLQGR2GHne85i9PebbN42 videos on more advanced topics like rocks, fabric, skin, glass, tempered steel, etc.Post Processing - youtube.com/playlist?list=PL78XDi0TS4lGORvoEKCyw_6dO9tzlu6Ox12 videos on post-processing effects like blur & sharpen, bloom, underwater warping, rain on the lens, and toon outlines.Procedural Shapes and Patterns - youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5y25 videos on creating UI elements like buttons and backgrounds procedurally. Building Worlds in Unreal - youtube.com/playlist?list=PL78XDi0TS4lHwqv_PmXAdedT2SH1qeRqK33 videos on how to create natural environments in Unreal including Landscape creation, placing rocks and trees, foliage and undergrowth, adding water - including VFX, lighting and reflections, and post-processing.Build Your Own Particle System - youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZS14 videos that show how to create a particle system using a shader.I also have a series of videos on how to create shaders in HLSL. I made this back in 2006, so they're quite old, but just about everything here still applies.HLSL1 - HLSL Shader Fundamentals - youtube.com/playlist?list=PL78XDi0TS4lEDHfahG4ddRwZ3AUrOIYcqHLSL2 - Light and Shading Models - youtube.com/playlist?list=PL78XDi0TS4lE772rZflLkFe-WdhYEV4WEHLSL3 - Surface Shading & Transmission - youtube.com/playlist?list=PL78XDi0TS4lE6UnUO9OTC5M1Wo3bJLDe9Shader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Circle Button Part 2 - Procedural Shapes and Patterns - Episode 25 Ben Cloward 2024-12-26 | In 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223 Sphere Gradient - youtu.be/d3VNolKJ_bw?si=Z6uaqA92_sClqpv-&t=85Helpers AntiAliasing - youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761 AspectRatio - youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758 Gradient - youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&t=2200 HistogramScan - youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&t=290 Mirror - youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835 Posterize - youtube.com/watch?v=lfY0v4q2dtw&t=1408 RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254Patterns Animated Cloud Pattern - youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&t=1136 AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E CircleSegments - youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&t=56 SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to create the player icon for the button:youtu.be/JbgPKqU7J6wHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Circle Button Part 1 - Procedural Shapes and Patterns - Episode 24 Ben Cloward 2024-12-19 | In 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223 Sphere Gradient - youtu.be/d3VNolKJ_bw?si=Z6uaqA92_sClqpv-&t=85Helpers AntiAliasing - youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761 AspectRatio - youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758 Gradient - youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&t=2200 HistogramScan - youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&t=290 Mirror - youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835 Posterize - youtube.com/watch?v=lfY0v4q2dtw&t=1408 RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254Patterns Animated Cloud Pattern - youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&t=1136 AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E CircleSegments - youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&t=56 SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to add bubbles to the fantasy health meter:youtu.be/eXJYkjPfbmkHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Fantasy Health Meter Part 5 - Procedural Shapes and Patterns - Episode 23 Ben Cloward 2024-12-12 | In 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.Here's the code for the hash function:uint2 v = (uint2) (int2) round(In);v.y ^= 1103515245U; //Xor equalv.x += v.y;v.x *= v.y;v.x ^= v.x >> 5u; //right bit shiftv.x *= 0x27d4eb2du;Out = (v.x >> 8) * (1.0 / float(0x00ffffff));Unfortunately, YouTube won't allow me to use angled brackets (greater than, less than symbols) in a description, so in the code above where it says > (on the fifth line and the seventh line) you'll need to replace that manually with a greater than symbol.------------------------------------Subgraph/Material Function Index:Gradients LinearGradient - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223 Sphere Gradient - youtu.be/d3VNolKJ_bw?si=Z6uaqA92_sClqpv-&t=85Helpers AntiAliasing - youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761 AspectRatio - youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758 Gradient - youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&t=2200 HistogramScan - youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&t=290 Mirror - youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835 Posterize - youtube.com/watch?v=lfY0v4q2dtw&t=1408 RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254Patterns Animated Cloud Pattern - youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&t=1136 AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E CircleSegments - youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&t=56 SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to add ripples to the top of the liquid:youtu.be/Ki2X2F31cGcHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Fantasy Health Meter Part 4 - Procedural Shapes and Patterns - Episode 22 Ben Cloward 2024-12-05 | In 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223 Sphere Gradient - youtu.be/d3VNolKJ_bw?si=Z6uaqA92_sClqpv-&t=85Helpers AntiAliasing - youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761 AspectRatio - youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758 Gradient - youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&t=2200 HistogramScan - youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&t=290 Mirror - youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835 Posterize - youtube.com/watch?v=lfY0v4q2dtw&t=1408 RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254Patterns Animated Cloud Pattern - youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&t=1136 AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E CircleSegments - youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&t=56 SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to fill the health meter with red liquid:youtu.be/i0x9j-UASncHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml
Fantasy Health Meter Part 3 - Procedural Shapes and Patterns - Episode 21 Ben Cloward 2024-11-28 | In 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223 Sphere Gradient - youtu.be/d3VNolKJ_bw?si=Z6uaqA92_sClqpv-&t=85Helpers AntiAliasing - youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761 AspectRatio - youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758 Gradient - youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&t=2200 HistogramScan - youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&t=290 Mirror - youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835 Posterize - youtube.com/watch?v=lfY0v4q2dtw&t=1408 RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254Patterns Animated Cloud Pattern - youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&t=1136 AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E CircleSegments - youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&t=56 SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to create the reflection and specular highlight for the sphere:youtu.be/Rm855vDisAEHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Fantasy Health Meter Part 2 - Procedural Shapes and Patterns - Episode 20 Ben Cloward 2024-11-21 | In 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223 Sphere Gradient - youtu.be/d3VNolKJ_bw?si=Z6uaqA92_sClqpv-&t=85Helpers AntiAliasing - youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761 AspectRatio - youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758 Gradient - youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&t=2200 HistogramScan - youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&t=290 Mirror - youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835 Posterize - youtube.com/watch?v=lfY0v4q2dtw&t=1408 RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254Patterns Animated Cloud Pattern - youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&t=1136 AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E CircleSegments - youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&t=56 SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to creating a sci-fi buttonyoutu.be/jdWnQ0KbAwMHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Fantasy Health Meter Part 1 - Procedural Shapes and Patterns - Episode 19 Ben Cloward 2024-11-14 | In 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223 Sphere Gradient - Helpers AntiAliasing - youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761 AspectRatio - youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758 Gradient - youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&t=2200 HistogramScan - youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&t=290 Mirror - youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835 Posterize - youtube.com/watch?v=lfY0v4q2dtw&t=1408 RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254Patterns Animated Cloud Pattern - youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&t=1136 AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E CircleSegments - youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&t=56 SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to creating a sci-fi buttonyoutu.be/jdWnQ0KbAwMHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Animated Sci-Fi Button - Procedural Shapes and Patterns - Episode 18 Ben Cloward 2024-11-07 | In 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223Helpers AntiAliasing - youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761 AspectRatio - youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758 Gradient - youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&t=2200 HistogramScan - youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&t=290 Mirror - youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835 Posterize - youtube.com/watch?v=lfY0v4q2dtw&t=1408 RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254Patterns Animated Cloud Pattern - youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&t=1136 AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E CircleSegments - youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&t=56 SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to create an animated cloud pattern:youtu.be/qB8GKIWKOp4Here's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml
Animated Sci-Fi Background - Procedural Shapes and Patterns - Episode 17 Ben Cloward 2024-10-31 | In 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223Helpers AntiAliasing - youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761 AspectRatio - youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758 Gradient - youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&t=2200 HistogramScan - youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&t=290 Mirror - youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835 Posterize - youtube.com/watch?v=lfY0v4q2dtw&t=1408 RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254Patterns Animated Cloud Pattern - youtu.be/qB8GKIWKOp4?si=Zz_sp2E1yR9JPVvJ&t=1136 AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E CircleSegments - youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&t=56 SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to create an animated cloud pattern:youtu.be/qB8GKIWKOp4Here's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Animated Cloud Pattern - Procedural Shapes and Patterns - Episode 16 Ben Cloward 2024-10-17 | In 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223Helpers AntiAliasing - youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761 AspectRatio - youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758 Gradient - youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&t=2200 HistogramScan - youtu.be/nj7kKHr8QNM?si=-3Odzad3nCI_eNsm&t=290 Mirror - youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835 Posterize - youtube.com/watch?v=lfY0v4q2dtw&t=1408 RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254Patterns Animated Cloud Pattern - AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E CircleSegments - youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&t=56 SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to create a circular progress dial:youtu.be/nj7kKHr8QNMHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Circular Progress Dial - Procedural Shapes and Patterns - Episode 15 Ben Cloward 2024-10-03 | In 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223Helpers AntiAliasing - youtu.be/sZBzg-v9d04?si=yJwmNYRkhzW4JFiP&t=761 AspectRatio - youtu.be/fDjEq30dwNM?si=5iScu5SYD9shcxkh&t=1758 Gradient - youtu.be/rSn7lUWUN0E?si=bMv1Wk0DYGsHV2Ty&t=2200 HistogramScan - Mirror - youtu.be/jxr4YK_m8hc?si=WsT2TJjLEqPQbKsC&t=835 Posterize - youtube.com/watch?v=lfY0v4q2dtw&t=1408 RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254Patterns AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E CircleSegments - youtu.be/CXY7RNwokPU?si=igwTDBogjSz4KwoM&t=56 SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to create the circular segments node:youtu.be/CXY7RNwokPUHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Circle Segments Pattern - Procedural Shapes and Patterns - Episode 14 Ben Cloward 2024-09-26 | In 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223Helpers 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=1254Patterns AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to create a progress bar:youtube.com/watch?v=W-MLYIjA65wHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Gradient Progress Bar - Procedural Shapes and Patterns - Episode 13 Ben Cloward 2024-09-19 | 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=2223Helpers 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=1254Patterns AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to improve loading indicator:youtube.com/watch?v=X1cBIetWwrUHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Advanced Loading Indicator - Procedural Shapes and Patterns - Episode 12 Ben Cloward 2024-09-12 | 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223Helpers 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=1254Patterns AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to create the loading indicator:youtu.be/lfY0v4q2dtwHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Animated Loading Indicator - Procedural Shapes and Patterns - Episode 11 Ben Cloward 2024-09-05 | 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradient - youtu.be/rSn7lUWUN0E?si=WPlixz4L8prnV32G&t=2223Helpers 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=1254Patterns AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV 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=207Here's last week's video on how to create an 80s sunset pattern:youtube.com/watch?v=rSn7lUWUN0EHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Animated 80s Sunset Pattern - Procedural Shapes and Patterns - Episode 10 Ben Cloward 2024-08-29 | In 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 - youtu.be/sZBzg-v9d04?si=QDiy1CsgW-mMVsUJ&t=251 SampleGradientHelpers 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 RoundedCorners - youtu.be/fDjEq30dwNM?si=Znv2wk6lcJDL1R2T&t=1254Patterns AnimatedSheen - youtu.be/jxr4YK_m8hc?si=OO1tL6VqiPE3kVo_&t=70 Bars - youtu.be/rSn7lUWUN0E?si=hLxF7gd3paoMv48l&t=685 SquareTiles - youtu.be/ChaXcYB4xvQ?si=dye3PAsDSxVCe8Yo&t=657SDFs 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=114Time LinearTime - youtu.be/jxr4YK_m8hc?si=P80Q0RBWMcmiKRG6 SineTime - youtu.be/R_5CTBgkfZ0?si=m6nMyzw7Pb76hPnq&t=1420UV GridTiles - youtu.be/ChaXcYB4xvQ?si=NO-_A1AL92GrWCs2&t=121 Move - youtu.be/R_5CTBgkfZ0?si=5aMYA2ocVdqHzdQj&t=1010 Perspective - youtu.be/rSn7lUWUN0E?si=esJ4YsVw4huAb4Hx&t=96 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 create a procedural grid patterns:youtu.be/ChaXcYB4xvQHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0
Procedural Grid Pattern - Procedural Shapes and Patterns - Episode 9 Ben Cloward 2024-08-22 | In 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:youtu.be/wVzpcX59iJQHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Advanced Button Part 2 - Procedural Shapes and Patterns - Episode 8 Ben Cloward 2024-08-15 | In 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:youtu.be/jxr4YK_m8hcAnd here's Part 1 of the Advanced Button tutorial:youtu.be/6UYqtdRoKQ4Here's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Animated Sheen Effect - Procedural Shapes and Patterns - Episode 7 Ben Cloward 2024-08-08 | In 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:youtu.be/CCw-MUHEgxcHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Advanced Button Part 1 - Procedural Shapes and Patterns - Episode 6 Ben Cloward 2024-08-01 | In 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:youtu.be/6UYqtdRoKQ4Here's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Simple Button - Procedural Shapes and Patterns - Episode 5 Ben Cloward 2024-07-25 | In 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:youtu.be/fDjEq30dwNMHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Rectangle Signed Distance Field - Procedural Shapes and Patterns - Episode 4 Ben Cloward 2024-07-18 | In 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:youtu.be/R_5CTBgkfZ0Here's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Combining Signed Distance Fields - Procedural Shapes and Patterns - Episode 3 Ben Cloward 2024-07-11 | In this video, I show how to create an animated lava lamp effect by combining two circle signed distance fields together. To create the lava lamp, we also create an SDF Unite node, a Sine Time node and a Move node. And we use procedural noise to add a warping effect to our circles.------------------------------------Here's last week's video that show how to create a circle signed distance field shape:youtu.be/GMQym0in8OYHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Circle Signed Distance Field - Procedural Shapes and Patterns - Episode 2 Ben Cloward 2024-07-04 | In this video, I show how to create a signed distance field for a circle shape in Unreal and Unity. We add controls for the size of the circle and then output the results as a shape, an outline, and the SDFs of both. At the beginning of the video I start with the tour of some of the types of things we're going to be able to create with out procedural shapes and patterns.------------------------------------Here's last week's tutorial that introduces the new series and shows how to create a Linear Gradient node and an Anti-Aliasing node.youtu.be/sZBzg-v9d04Here's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Intro To Procedural Shapes and Patterns - Episode 1 Ben Cloward 2024-06-27 | Today, we're starting a brand new series of tutorial videos. In this series we'll be discussing procedural shapes and patterns. We'll be creating signed distance fields, tiling patterns, compound shapes, user interface elements, and more - all using shader math. We'll also be creating a library of nodes - Subgraphs in Shader Graph and Material Functions in Unreal - to help with the creation process. In today's video, we go over the creation of a Linear Gradient node and an Anti-Aliasing node. The Anti-Aliasing node uses derivatives to resolve a gradient or signed distance field into a perfectly sharp and anti-aliased line, regardless of resolution or camera distance.------------------------------------Here's last week's tutorial that shows how to create particle billboards for VR.youtu.be/YakFi61LZcsHere's the playlist for the whole series:youtube.com/playlist?list=PL78XDi0TS4lF5ASo3vpUFKenMkhMVeZ5yShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=kvCYuyyLgC0#UnrealEngine #shadergraph #Unity
Adapting the Particle System for VR - Advanced Materials - Episode 56 Ben Cloward 2024-06-06 | In this special add-on episode, we adapt our particles system for the special requirements of VR - including making the particles face the camera instead of aligning with the view plane, and making them staying oriented in the world when the player's head tilts. This episode is only in Unity.------------------------------------Here's last week's tutorial that shows how to make particles spawn all at once instead of in a steady stream:youtu.be/_3GfWnyryT8Here's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - Reminiscentyoutube.com/watch?v=2NGPW61HBf4#UnrealEngine #shadergraph #Unity
Particle System Burst Particles - Advanced Materials - Episode 55 Ben Cloward 2024-05-30 | Up until now, the particle system we've been making has only worked for continuously flowing effects like waterfalls and smoke. Today, I show how to make effects - like explosions - where all of the particles spawn at once.Here's the Unity blog post with links to free flipbook textures:blog.unity.com/engine-platform/free-vfx-image-sequences-flipbooks------------------------------------Here's last week's tutorial that shows how to add soft edges to the particles:youtu.be/3WPsrdCjhuQHere's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - Reminiscentyoutube.com/watch?v=2NGPW61HBf4#UnrealEngine #shadergraph #Unity
Particle System Soft Edges - Advanced Materials - Episode 54 Ben Cloward 2024-05-23 | In this tutorial video for Unreal and Unity, we add soft edges to our particles where the billboards intersect with other scene geometry. This hides the hard edges so the particles keep the illusion that they're volumes instead of flat planes.------------------------------------Here's last week's tutorial that shows how to add color tint controls to the particles:youtube.com/watch?v=Qw2fkZK79M8Here's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - Reminiscentyoutube.com/watch?v=2NGPW61HBf4#UnrealEngine #shadergraph #Unity
Particle System Color - Advanced Materials - Episode 53 Ben Cloward 2024-05-16 | In this tutorial video for Unreal and Unity, we add color controls to our particle system so we can tint the particles. There's also a bonus tip showing how to add the pixel clip function to reduce overdraw and increase performance.------------------------------------Here's last week's tutorial that shows how to add opacity controls so the particles can fade in and out instead of popping:youtu.be/OlY9CXOBZb8Here's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - Reminiscentyoutube.com/watch?v=2NGPW61HBf4#UnrealEngine #shadergraph #Unity
Particle System Opacity - Advanced Materials - Episode 52 Ben Cloward 2024-05-09 | In this tutorial video for Unreal and Unity, we add opacity controls to our particle system so that the particles can fade in and out instead of popping when they spawn in and die.------------------------------------Here's last week's tutorial that shows how to add flipbook animated textures to the particlesyoutu.be/IvMA_2DMDFoHere's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - Reminiscentyoutube.com/watch?v=2NGPW61HBf4#UnrealEngine #shadergraph #Unity
Particle System Animated Textures - Advanced Materials - Episode 51 Ben Cloward 2024-05-02 | In this tutorial video for Unreal and Unity, we add animated flipbook textures to our particles. This gives the particles significantly more realism.Here's the video where I covered flipbook animation in more depth:youtu.be/ZWAF_f2aP9sIf you're looking for flipbook textures, Unity published a set of them for free that you can download:blog.unity.com/engine-platform/free-vfx-image-sequences-flipbooks------------------------------------Here's last week's tutorial that shows how to add rotation to our particle system:youtu.be/zcrk6RDj2bwHere's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - Reminiscentyoutube.com/watch?v=2NGPW61HBf4#UnrealEngine #shadergraph #Unity
Particle System Rotation - Advanced Materials - Episode 50 Ben Cloward 2024-04-25 | In this tutorial video for Unreal and Unity, we add rotation controls to our particle system to control how the particles rotate.------------------------------------Here's last week's tutorial that shows how to add wind and gravity to our particle system:youtu.be/q9L9YvQqzXcHere's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - Reminiscentyoutube.com/watch?v=2NGPW61HBf4#UnrealEngine #shadergraph #Unity
Particle System Wind and Gravity - Advanced Materials - Episode 49 Ben Cloward 2024-04-18 | In this tutorial video for Unreal and Unity, we add wind and gravity to our particle system so that the particles can be affected by the forces in the world.------------------------------------Here's last week's tutorial that shows how to add direction and movement to our particle system:youtu.be/oLnCTsrzmY4Here's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - Reminiscentyoutube.com/watch?v=2NGPW61HBf4#UnrealEngine #shadergraph #Unity
Particle System Movement - Advanced Materials - Episode 48 Ben Cloward 2024-04-11 | In this tutorial video for Unreal and Unity, we add a direction and velocity to our particles to get them moving. We also include a parameter that allows each particle to select a slightly different direction - so they spread out in a cone shape from the initial direction.------------------------------------Here's last week's tutorial that shows how to add a lifetime to our particle system:youtu.be/fIEyDSrGnwwHere's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - Reminiscentyoutube.com/watch?v=2NGPW61HBf4#UnrealEngine #shadergraph #Unity
Particle System Life Time - Advanced Materials - Episode 47 Ben Cloward 2024-04-04 | In this tutorial video for Unreal and Unity, we add a lifetime to our particles so they can spawn, perform a behavior, die, and then repeat the process. We also adjust the random value generator so that different random values are generated for every particle lifetime. We now have a real particle system! Going forward, we'll be adding more features to it.------------------------------------Here's last week's tutorial that shows how to add an emitter size parameter:youtu.be/O5NLjinyqq0Here's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - Reminiscentyoutube.com/watch?v=2NGPW61HBf4#UnrealEngine #shadergraph #Unity
Particle System Emitter Size - Advanced Materials - Episode 46 Ben Cloward 2024-03-28 | In this tutorial video for Unreal and Unity, we add an Emitter Dimension parameter to our particle system. It allows us to define the size and shape of the volume that the particles spawn in. We also create ParticleStartSize and ParticleEndSize parameters so our particles can grow or shrink over time.------------------------------------Here's last week's tutorial that shows how to generate the random values for our particles:youtu.be/QTGLKnprXB8Here's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - Reminiscentyoutube.com/watch?v=2NGPW61HBf4#UnrealEngine #shadergraph #Unity
Particle System Random Values - Advanced Materials - Episode 45 Ben Cloward 2024-03-21 | In order to create a particle system shader in Unreal and Unity, we need each particle plane to have a set of random values. In this video, I show you how to use the particle stack's grayscale vertex colors to generate a random vector3 for each of the particle planes. Later in the series, we're going to use these values to give unique position, rotation, and scale to each particle.For the Unity version, here's the code for the hash function we create:bencloward.com/hashcode.txt------------------------------------Here's last week's tutorial that shows how to make all of the particle planes face the camera:youtu.be/HD_V7R2da00Here's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - Reminiscentyoutube.com/watch?v=2NGPW61HBf4#UnrealEngine #shadergraph #Unity
Particle System Billboards - Advanced Materials - Episode 44 Ben Cloward 2024-03-14 | To continue our shader series on making a particle system, today we create the part of the shader that makes the particle billboards face the camera. I show two different methods - one that uses vertex position and the other that uses UV coordinates to accomplish the camera facing.------------------------------------Here's last week's tutorial that introduces the new series and shows the particle meshes that we're using:youtu.be/OFgj4cTCMM4Here's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGMPYs24UZQ3Ox_fU_xsgZSShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=aoc9v_TRBqc#UnrealEngine #shadergraph #Unity
Build Your Own Particle System! - Advanced Materials - Episode 43 Ben Cloward 2024-03-07 | Today we're starting a brand new series of videos that will show you how to use a shader - in Unreal and Unity - to create a particle system. By the end of the series, you'll have a full featured particle system shader that will allow you to create all types of effects - mist, smoke, waterfalls, splashes, etc.Here's the link to download the meshes we'll use for the particle shader:bencloward.com/particles/particlemeshes.zip------------------------------------Here's last week's tutorial on improving the caustics shader:youtu.be/orn-8060oYYHere's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGqHdLQGR2GHne85i9PebbNShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=aoc9v_TRBqc#UnrealEngine #shadergraph #Unity
Underwater Caustics Part 2 - Advanced Materials - Episode 42 Ben Cloward 2024-02-22 | In this shader tutorial for Unreal and Unity, we add some polish to the caustics shader we created last week. We make the decal fade out at the edges, and I show how to calculate face normals for blending the triplanar projection - to fix the pixel normal artifacts.------------------------------------Here's last week's tutorial on creating the caustics shader:youtu.be/QhOGsNg7Ly4Here's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGqHdLQGR2GHne85i9PebbNShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=aoc9v_TRBqc#UnrealEngine #shadergraph #Unity
Underwater Caustics - Advanced Materials - Episode 41 Ben Cloward 2024-02-15 | In this shader tutorial for Unreal and Unity, I show how to create caustics under the water that we've been creating. We use a volumetric decal and I show how to project the caustics on all three axes to give the appearance that the sun light is being focused and refracted by the water.Textures used in this video can be downloaded here:http://www.bencloward.com/youtube/water_caustics.tgahttp://www.bencloward.com/youtube/water_norm.tgahttp://www.bencloward.com/youtube/puddle_norm.pngSoftware for creating caustic textures:https://www.dualheights.se/caustics/My previous video on creating caustics in Unreal:youtu.be/9z6EMsoqLDY------------------------------------Here's last week's tutorial on adding surface foam to our water:youtu.be/VMpXSEomAAkHere's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGqHdLQGR2GHne85i9PebbNShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=aoc9v_TRBqc#UnrealEngine #shadergraph #Unity
Water Foam - Advanced Materials - Episode 40 Ben Cloward 2024-02-08 | In this shader tutorial for Unreal and Unity, I show how to add foam around the edges of our water shader where it intersects with other objects.------------------------------------Here's last week's tutorial on adding depth to our water:youtube.com/watch?v=pfKpo43gibEHere's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGqHdLQGR2GHne85i9PebbNShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=aoc9v_TRBqc#UnrealEngine #shadergraph #Unity
Water Depth Shader - Advanced Materials - Episode 39 Ben Cloward 2024-02-01 | In this shader tutorial for Unreal and Unity, I show how to add depth to our water shader. We use the depth mask to make the water more opaque as it gets deeper.------------------------------------Here's last week's tutorial on water refraction:youtu.be/9NZe_OZCS2MHere's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGqHdLQGR2GHne85i9PebbNShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=aoc9v_TRBqc#UnrealEngine #shadergraph #Unity
Water Transparency and Refraction - Advanced Materials - Episode 38 Ben Cloward 2024-01-25 | In this shader tutorial for Unreal and Unity, I show how to add transparency and refraction to our water shader. We use a Fresnel term to blend between reflection and refraction to improve the appearance of the water.------------------------------------Here's last week's tutorial on water surface ripples:youtu.be/9GCfFKxg9c0Here's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGqHdLQGR2GHne85i9PebbNShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=aoc9v_TRBqc#UnrealEngine #shadergraph #Unity
Water Surface Ripples - Advanced Materials - Episode 37 Ben Cloward 2024-01-18 | In this shader tutorial for Unreal and Unity, I show how to add surface ripples to our water shader. I also show several techniques for optimizing the shader to reduce the instruction count by almost 100!Here's the link to the water ripples texture used in this tutorial:https://4.bp.blogspot.com/-QjTpkXIFvPQ/V19e6tGjdaI/AAAAAAAAAUs/cvVgKLZf4eU1KKV2RpdXi1Df48PAiT8uQCLcB/s320/water_new_height.png------------------------------------Here's last week's tutorial on vertex animated waves:youtu.be/dXlzMScf584Here's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGqHdLQGR2GHne85i9PebbNShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=aoc9v_TRBqc#UnrealEngine #shadergraph #Unity
Vertex Animated Water - Advanced Materials - Episode 36 Ben Cloward 2024-01-11 | In this shader tutorial for Unreal and Unity, I show how to use the Gerstner wave formula to animate the vertices on the surface of the water. We create a Gerstner subgraph/material function and then repeat it multiple times with different settings to achieve a convincing animated water surface.------------------------------------Here's last week's tutorial on vertex displacement:youtu.be/sYLbdO3VB8cHere's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGqHdLQGR2GHne85i9PebbNShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=aoc9v_TRBqc#UnrealEngine #shadergraph #Unity
Vertex Displacement - Advanced Materials - Episode 35 Ben Cloward 2024-01-04 | In this shader tutorial for Unreal and Unity, I show multiple techniques for moving vertices around in the vertex shader - scaling along the normal, sine wave animation, displacement using a height map, and even a simple technique for snow accumulation by only displacing vertices on the top of an object.------------------------------------Here's last week's tutorial on sampling textures in the vertex shader:youtu.be/WWEcqsXD-hEHere's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGqHdLQGR2GHne85i9PebbNShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=aoc9v_TRBqc#UnrealEngine #shadergraph #Unity
Using Textures In The Vertex Shader - Advanced Materials - Episode 34 Ben Cloward 2023-12-14 | In this shader tutorial for Unreal and Unity, I explain why standard texture sampling doesn't work in the vertex shader and show the tricks required to make it happen. I also discuss a couple of tips for vertex shader textures.------------------------------------Here's last week's tutorial on shader optimization using the vertex shader:youtu.be/EdjNt8c2FUEHere's the playlist for all of the videos in the series:youtube.com/playlist?list=PL78XDi0TS4lGqHdLQGR2GHne85i9PebbNShader Book Recommendationsbencloward.com/resources_books.shtml------------------------------Theme MusicPeace in the Circuitry - Glitch Hophttp://teknoaxe.com/Link_Code_3.php?q=1526Background MusicSpeo - The Little Thingsyoutube.com/watch?v=aoc9v_TRBqc#UnrealEngine #shadergraph #Unity
