LÖVE

What's the best approach to drawing a square image with borders and rounded-corners.

To give an example, from this: To this: My first thought are line mode rectangle with radius on top of the image, but what about the image itself, how can I mask / clip the image with a rounded-corner square efficiently. I don't need a mesh here, do I?

PS: this is my post here, let me know if I am missing any forum rules

If the border is thick enough, the corner will be hidden. In your case it is:



So, the most efficient way is probably to draw the image (with a size smaller than the rounded rect) and the rounded rect over it.

and otherwise, you can use a stencstencil function to do the clipping. I would advise to make the stencil a bit smaller than the border also though, so you don't end up with any weird edges.

Thx folks, stencil is what I want.

For border you can use GLSL shaders