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

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

10赞

大佬v587

搞这边麻烦 一个shader搞定

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

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

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

设置无效 能帮忙改一下吗

RoundBoxSprite.zip (2.7 KB)
image

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

1赞

mark 666

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

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

(帖子被作者删除,如无标记将在 24 小时后自动删除)

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

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

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

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

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

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

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

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