Graphics 2 [3]: Signed Distance Function for Rounded Rectangles

Adding more features to my rectangle rendering so they can be rounded, outlined, and shaded with gradients. Check out these useful articles on signed distance functions and other techniques appearing in this video: https://www.rfleury.com/p/ui-part-6-rendering https://iquilezles.org/articles/distfunctions2d/ 00:00 - Intro 00:41 - Signed Distance Function Intro 02:26 - View Transform Uniforms 02:54 - Testing Blend Settings 03:05 - Proper Euclidean Distance & Roundness 06:16 - "Softness" 07:06 - Making Roundess a Per-Quad Parameter 07:29 - Rectangle Outlines 09:36 - Finding View Transform Bug 10:11 - Color Gradient 11:28 - Outro