如何制作圆角矩形虚线轮廓的着色器？

Question

如何像figma中那样为圆角矩形制作虚线轮廓？

我尝试写这个，但我只根据两个不同大小的圆角矩形的减法来划分圆角矩形和轮廓。

我知道距离、分形和步长，但是如何沿着轮廓线精确添加虚线和间隙？

我尝试使用极坐标，将 y 值转化为分数，然后步进，然后与轮廓相乘，得到所需的结果，但有点不均匀，我不知道如何解决这个问题。

Answer 1

我认为采样棋盘纹理会有所帮助。一部分是纯白色的，另一部分是纯透明的。在轮廓通道中，不要返回纯色，而是尝试通过屏幕空间坐标对该纹理进行采样