Game shaders: gui component corners

[pisanovo]

Description

Applies corner radius to components like in css & Adobe Xd

Should feature modes:

• Same radius for all corners

  • Inputs:
    • number ( >0 ): the radius applied for each corner

• Different radius for each corner

  • Inputs:
    • number ( >0 ): the radius for the top-left corner
    • number ( >0 ): the radius for the top-right corner
    • number ( >0 ): the radius for the bottom-right corner
    • number ( >0 ): the radius for the bottom-left corner

My idea for the implementation:
Say the component center pivot is at (u,v), the component dimensions are h (height) w (width) and you want to apply radius r to the bottom-right corner.

• Loop on the y axis from until :
  - Loop the x-Axis from to :
  ---> Set pixel (x,y) to transparent

where z is

Adobe Xd reference

End result