Great video. The fact that you had different commented-out lines ready to be uncommented one by one in order visualize the math, helped me quite a lot in grasping the concept. Thank you very much, Suboptimal!
Love it, thanks for your great introduction and explanation! I wonder, can this technique be used on internal corners and edges to calcular a kind of ambient occlusion? Just like the idea of messing with the parameters and seeing what happens!
Thanks! Most of my knowledge comes from Inigo Quilez. He used the SDF to create a fake ambient occlusion for 2D shapes which is what I've shown here. Inverting the colors allowed me to turn the fake AO into a nice glow effect. I still have to learn how to do actual SSAO so I'll be looking into that next.
I don't use webGL, but I'm learning openGL and I think GLSL should be the same for both(?) Came from some youtube comment, but this is pretty well made so subbed
Thanks! Yea, OpenGL uses GLSL as well so the code should be similar. I'm actually considering learning OpenGL with C++ since lots of graphics roles need this 🤓
Great video.
The fact that you had different commented-out lines ready to be uncommented one by one in order visualize the math, helped me quite a lot in grasping the concept.
Thank you very much, Suboptimal!
Thanks Anise! It's great to hear that the technique of gradually uncommenting code helped 🔥
Thank you very much
This is a pretty high quality tutorial! I'm surprised there aren't any comments yet
Thanks! I'm still waiting for the day the algorithm picks up my videos 😂
love it! more of shader gooodies needed! :)
It’s on my roadmap for this year. Right after I learn WebGL!
Thank you very much. The best explanation !!!
Glad it was helpful!
Thank You!
very nice
great video dude imma save it and come back
Thank You
Really well laid out video, thanks🖖
Glad it was helpful!
Love it, thanks for your great introduction and explanation!
I wonder, can this technique be used on internal corners and edges to calcular a kind of ambient occlusion? Just like the idea of messing with the parameters and seeing what happens!
Thanks! Most of my knowledge comes from Inigo Quilez. He used the SDF to create a fake ambient occlusion for 2D shapes which is what I've shown here. Inverting the colors allowed me to turn the fake AO into a nice glow effect.
I still have to learn how to do actual SSAO so I'll be looking into that next.
I don't use webGL, but I'm learning openGL and I think GLSL should be the same for both(?) Came from some youtube comment, but this is pretty well made so subbed
Thanks! Yea, OpenGL uses GLSL as well so the code should be similar. I'm actually considering learning OpenGL with C++ since lots of graphics roles need this 🤓
thanks for video, do you know how make dashed outline for rounded rectangle ?
hi, how can i debug shaders like you are in visual stuido?
I don’t use Visual Studio so I can’t help you there.
I still don't understand how the whole screen is updated without a loop or update function.
I'd recommend watching Kishimisu's "An Introduction to Shader Art Coding" video.
@@SuboptimalEng will do, thanks!
Gpu has many cores, you can calculate each pixel in parallel.
You're the guy!!@
Bro can you teach how we make a perfect game It's Magic Engine? this works in mobile
The introduction 🤣
+1 I really liked the way you asked for a sub and would like to be asked again :P