科普:3.x创建圆形头像的简单方法

圆形头像是一个极其常用的UI,在社区搜索得到的两年前的方法几乎都是写effect文件,我用了接近4小时去模仿写effect文件,很不幸失败了,因为新手看这个确实困难。
来从Google搜索得到更简单的办法:
1、新建node,命名mask。
2、对mask添加组件cc.Mask,选择cc.Mask类型为ellipse。


3、mask下新建Sprite。

参考地址:
https://www.bilibili.com/video/BV1i24y1R774/?p=10&vd_source=5eec031b926ee2c35f7451e47f457d5d

mask会有锯齿,不平滑

写effect是为了优化渲染。减少DC。遮罩会打断合批

我们暂时没有那么高的要求,更重要的是,短期我搞不定effect

奈何我菜,后续版本官方能直接提供吗?这个挺常用的

圆形的shader cocoscreator图片圆形shader-cocos2D文档类资源-CSDN文库


(v3.4.1) 圆形头像

谢谢,我们用3.5.2,这些对于新手非常有用