矩形边框

实心矩形学完了，边框怎么做？思路是：外矩形减去内矩形，剩下的就是边框区域。

遮罩相减

先构造外矩形遮罩（大矩形区域为 1）：

再构造内矩形遮罩（内缩 thickness 之后）：

两者相减就得到边框区域：

练习

练习代码里 inside = 0.0，insideInner = 0.0（全背景色）。分别计算这两个矩形遮罩，让边框显示出来。

答案解析

inside 是完整矩形（大），insideInner 是去掉 thickness 之后的矩形（小）。大减小，剩下一圈边框。

clamp 确保结果在 0~1，防止极少数精度问题导致负数。

改变 thickness 值，边框粗细会变化。thickness = 0.06 就是当前的两倍宽。