问头像裁切合批问题的都进来看啊：ccc3.8自定义顶点实现圆角矩形

Creator 3.x
#1

H_QPH@N5$8J3BSUZA7$8ZW
使用assembler，自定义顶点来实现的圆角裁切。由于没有修改材质，可以完美地和其他图片进行合批。能做出圆角效果，也可以控制参数调整，做出圆形裁切。
四个角落的圆角可以开关控制。
0$GXY0~3RZ55BGSWHW}%M
segments参数控制圆角线段数，最小为1
image
segments越大，圆角越圆滑，但是会增多三角面，不要无脑增大，小了则多边形露馅：
F4P{K%XA3I9$P@YS9ORLWCA
radius控制圆角半径，最小为0。
image
原理很简单，将圆角扇形看成多个三角形拼凑起来。
参见鸦哥的文章（这叛徒整的unity!）：
https://mp.weixin.qq.com/s/FUO4xDmWmllryt2x7kVqig
使用方法：
添加roundboxsprite脚本即可，使用起来和sprite基本没区别（因为就是抄sprite过来改的）

链接在此：
https://gitee.com/ruanwujing/cocoscreator-roundbox

14赞
shader实现远程加载的圆形头像能否合批？
如何创建自定义渲染组件
3.8.1 自定义渲染材质圆形头像换图片后在浏览器就无法显示了
小玩意系列之可合批的圆形裁切
动态生成图片的需求
【包教包会】操控顶点的大师——CocosCreator Assembler保姆级教程
【包教包会】Assembler经典案例第一期——2D实现3D透视翻转（支持原生、可合批、附Demo源码）
#2

大佬v587

#3

搞这边麻烦 一个shader搞定

#4

shader我也会整，但是shader合批麻烦啊。

#5

不复用 能弄个是否加入动态图集开关吗
image

#6

加入动态图集和正常的普通图片一样啊，spriteframe里的packable控制的。

#7

设置无效 能帮忙改一下吗

RoundBoxSprite.zip (2.7 KB)
image

#8

已修复
image
现在圆角矩形已放在小玩意合集中：
https://gitee.com/ruanwujing/green-pack-cocos
示例场景
image
脚本位置：
image

1赞
#9

mark 666

#10

技术够的话 给label组件拓展一下 xx.ttf的时候可以自动图集里反复用 自定义字体的时候可以加粗一系列。。
image

#11

打包到安卓以后， 没有效果呢， 也没报错

#13

我也遇到了，打包到andorid后没有效果，大佬解决了 吗？

#14

似乎所有的自定义assembler在native上都没有效果啊？有没有大佬给解决一下

#15

这个真心不错，参考你的源码改了2.x版本 :smiley_cat:
https://gitee.com/szrpf/RoundBox/tree/master

#16

我的支持原生平台，有几个坑解决掉就可以了

#17

原生平台是有哪些问题导致啊？可以分享一下经验吗

#18

主要是坐标系的转换
还有透明度问题，好像预设半透明在真机上会强制恢复成255的

#19

image
编辑器里面设置透明度 没有生效

#20

没啥了 运行起来透明度还是有变化的

#21

大佬找到问题了没？