cocos creator 圆角以及圆形sprite

Creator 版本号:1.3.3
运行时目标平台:模拟器

请问下,cocos creator如何做圆角以及圆形Sprite啊,没有看到相关的资料,另外也没有做过cocos2d-x,烦请指教撒~

请看MASK组件:
http://www.cocos.com/docs/creator/components/mask.html

在 1.4 版本的诸多新功能和优化跟大家见面之前,1.3.3 补丁版本也悄悄上线了,除了社区反馈的重大问题修复,我们还添加了两个新功能:

Mask 组件增加 Stencil 模式

mask-stencil

Mask 组件终于补完了使用任意贴图的 alpha 信息作为遮罩功能,只要模式选择 Stencil,就可以拖拽一个 SpriteFrame 资源到组件里,并使用该图像资源的 alpha 信息对组件所在节点的所有子节点进行遮挡或剔除。

要注意 Alpha Threshold 参数用于控制参与剔除的 alpha 阈值,当设置为 1 时不做任何剔除。另外还增加了一个通用属性 Inverted,可以用于反转遮罩的效果,该属性对于矩形和椭圆形的遮罩也同样适用!

2赞

这个遮罩图片需要切个图吗?有那种自己可以对Node按照指定的radius进行裁剪的方法吗?另外听说Mask会导致锯齿 ,这个锯齿该怎么解决啊

需要制作一个遮罩图片。
我用了,没有见到锯齿,至少native没有见到锯齿。

锯齿可能是 alpha threshold 选择的问题,在 inspector 中调整一下应该就可以了

我在creator中编辑效果是正确的,但是在浏览器和手机上直接显示不出来
编辑器中的效果:

mask的属性设置:


在浏览器中直接看不到(“啊啊啊”的左边为显示的图片,直接看不到):

是不是在onLoad中加载的图片?

同问,锯齿问题如何解决呢?

遮罩png的alpha值分布正确,可无论如何调整mask的阈值都有锯齿,creator版本1.6,请问后来解决了吗?

遮罩的锯齿呢?