cocos creator 裁切图片

Creator 2.x
#1

cocos creator 裁切图片(圆角) 求大佬来个指导

#2

求不沉~~~~

#3

去阿里巴巴矢量图库下一个 圆角矩形
然后新建一个空节点，添加一个mask组件，type选IMAGE_STENCIL

image.png1219×514 86.5 KB

1赞
#4

可以使用Mask图片功能

推荐Mask的Alpha值在0.5左右，这样效果比价好，
P.S.清空Sprite Frame时不能直接清空，会报错，建议更换type进行清空，更换type时会自动清空数据

mask图如下

随便做了一个64*64，圆角16px的图

#5

但是锯齿有点严重…~
所以就一直没用这个方式

#6

调整alpha threshold值其实还好，

#7

还是很严重

#8

大佬看看

#9

我一般是把 Mask的Alpha值舍在0.9左右，有点锯齿放手机上看不出来，如果你要做更好的效果就用shader做吧：https://forum.cocos.com/t/shader/63542

#10

@huanxinyin

#11

这个shader打不开,提示没有GL这个方法

#12

我刚刚clone了项目然后发现是cocos creator v1.8.2
2.0之后shader 的使用从cc.GLProgram改为了 material

可以参考这篇来修改
cc.GLProgram()更新2.0报空

#13

求大佬指导一波裁切圆角矩形图片啊~~~

#14

这个我看看什么情况！

#15

大佬这个问题解决了吗

#16

大佬解决了吗?

#17

@huanxin

#18

引擎目前切片效果就是这样的，你可以自己加个圆形边框来覆盖锯齿，或者参考论坛的shader代码自己实现！