效果预览:

1.只填入一个参数,会进行对四个角度进行裁剪,且圆弧度数一致
只填入一个参数,会进行对四个角度进行裁剪,且圆弧度数一致

2.填入两个参数,0控制左边两个角度,1控制右边两个角度
填入两个参数,0控制左边两个角度,1控制右边两个角度

3.输入四个角度的度数,控制的方向为左上开始以顺时针的顺序进行设置输入四个角度的度数,控制的方向为左上开始以顺时针的顺序进行设置

脚本使用方法:

1.创建一个空节点,然后把脚本添加到节点上
2.设置脚本节点的尺寸(设置方式与Mask的组件使用方法一致)
3.根据上图示例设置你需要裁剪的圆角尺寸
4.添加子节点

主要代码展示:

在这里插入图片描述

主要代码其实是继承Mask组件之后,拿到组件上的_graphics属性,然后重新绘制graphics更改Mask的裁剪形状,并进行渲染。

脚本文件(RectMask.js)

Logo

这里是一个专注于游戏开发的社区,我们致力于为广大游戏爱好者提供一个良好的学习和交流平台。我们的专区包含了各大流行引擎的技术博文,涵盖了从入门到进阶的各个阶段,无论你是初学者还是资深开发者,都能在这里找到适合自己的内容。除此之外,我们还会不定期举办游戏开发相关的活动,让大家更好地交流互动。加入我们,一起探索游戏开发的奥秘吧!

更多推荐