【分享】【新年的礼物】Cocos Creator Shader Effect 系列（2020.02.17 支持Cocos Creator 2.3.0 正式版的材质系统）

[liuyu2013work (雨在下)]

Mark

[3123490446 (helenKing)]

mark

[1112564 (小狐狸狗狗)]

插眼原地TP

[782306174 (Hi_Creator)]

日常白嫖

[869751569 (裸奔的小猪)]

大佬牛逼

[lamyoung (白玉无冰)]

大佬牛逼 。
最近也在研究 shader 相关的东西。

写了一个相关的帖子，沾一下大佬的热度。
使用 mesh 实现多边形裁剪

[1112564 (小狐狸狗狗)]

要是能录个视频就好了，汪~

[387850236 (akai0210)]

战术性插眼！！！！！！

[924387935 (刷论坛攒经验)]

mark

[Cocos-Cjie (Cocos C姐)]

膜拜大佬~

[czt.saisam (天煞魔猎手)]

2020.01.17 更新

圆角裁剪-v1

• 声明：此特效为搬运过来的特效，非原创。
• 修改的地方：搬运后，在原来的主要代码上加入了自己的理解注释
• 实现原理：参考文章 《圆角计算 Shader》
• 参考代码：Cocos 论坛帖子《分享更高效的 creator 裁圆角头像 shader》 和对应的 实现代码

此版本存在局限性：只有在正方形纹理上，才能裁剪出圆角，在非正方形上，无法裁剪出圆角，具体变现为有拉伸效果

如：下面GIF中第3到5秒演示所示，黄色和红色的非正方形纹理的圆角明显被拉伸

圆角裁剪-v2

在 圆角裁剪-v1 的原理基础上，新增支持任意宽高纹理的圆角裁剪

如：下面Gif中第3到5秒演示所示，黄色和红色的非正方形纹理也能裁剪出圆角效果

实现原理和代码，见

• Github 仓库：https://github.com/zhitaocai/CocosCreatorShaderEffectDemo
• Gitee 仓库：https://gitee.com/zhitaocai/CocosCreatorShaderEffectDemo

[fylz1125 (大掌教)]

高产，牛逼

[_20131 (阿发（alpha）)]

厉害

[anko0032 (anko123)]

牛逼

[czt.saisam (天煞魔猎手)]

原大佬出来了，膜拜

[331077151 (小哈)]

牛逼

[ihc523]

日常一顶

[JakerCao]

mark

[jare]

大佬牛逼！能支持下 2.3 吗？

[czt.saisam (天煞魔猎手)]

等2.3发布了去捣蛋下