之前因为需要做新手引导,导致需要对一张图片进行挖空的效果显示!刚开始使用的拼凑的界面,后来发现,拼凑的界面会因为计算的关系出现一个像素的缝隙。在忙完之后,果断决定使用shader来做
一张图片,UV坐标,以左下为(0,0,)右上为(1,1)进行坐标判断,由代码里的实际需要来进行挖洞,即位置占整个图片的大小百分比来做!在这个范围内的执行 discard,也就是丢弃这个像素的渲染。做出来就会是个矩形,但是矩形可能不够好看,那就做个简单的圆角矩形,而圆角矩形的实现原理如图
设定半径,设定范围,四个角上的矩形范围内判断点到圆心的距离,在园内的挖掉,否则保留,圆角矩形就妥妥的搞定了