【CocosCreator 3.x 自定义渲染材质方案分享】第一期

前言


由于目前的自定义渲染材质的文档和教程还是相对比较欠缺的,故技术支持团队会优先整理论坛、Github、Gitee上一些常用的 Shader 效果,希望对大家有所帮助。
分享来源自论坛、github 开源仓库、热心开发者、Cocos 引擎开发团队、cocos 技术支持团队。

本期方案列表


  • 圆形头像 ( :heavy_check_mark:)
  • 人物护盾 ( :heavy_check_mark:)
  • 水面波纹 (:heavy_check_mark:)
  • 植物受风摆动(:heavy_check_mark:
  • 3D 噪声消融(:heavy_check_mark:
  • 镜面光泽(:heavy_check_mark:
  • 顶点偏移(:heavy_check_mark:

方案将会随着 CocosCreator 更新迭代,保证在最新版本的 CocosCreator 中可运行。


往期回顾


【CocosCreator 3.x 技术方案分享】第一期
【CocosCreator 3.x 技术方案分享】第二期
【CocosCreator 3.x 性能优化方案分享】

20赞

更新 2022-02-22 11:28

  • 圆形头像
  • 人物护盾
  • 水面波纹

mark~

mark, CocosCreator 3.x 自定义渲染材质

更新 2022-02-22 16:03

  • 植物受风摆动
  • 3D 噪声消融

大佬 能出一个 loading球面波浪 的那种吗 陈皮皮的正弦波浪效果是2.x的 3.x不兼容 :mask:

需要哪个,给个链接?

这个吗?

https://gitee.com/yeshao2069/cocos-creator-shader/tree/v3.4.x/demo/Creator3.4.1_2D_Sprite_Loading

感谢大佬的回复

https://gitee.com/ifaswind/eazax-ccc
这里面的正弦波浪

m ark

https://gitee.com/yeshao2069/cocos-creator-shader/tree/v3.4.x/demo/Creator3.4.1_2D_Sprite_SineWave

牛哇牛哇 感谢大佬

可以维护一个master分支吗,不然新分支同步麻烦

可以分享一下CocosCreator3.x 的扫光shader效果嘛,谢谢

这种?
https://gitee.com/yeshao2069/cocos-creator-shader/tree/v3.4.x/demo/Creator3.4.1_2D_Sprite_Streamer

嗯,是这个,真的非常感谢 :smiling_face_with_three_hearts: :grin:

更新 2022-03-02 18:00

  • 镜面光泽

大佬大佬,我来啦,皮神做的kawase模糊2.x的,3.4.x不能include texture了,导致不知道咋写。
基于 RenderTexture 实现多 Pass 的 Kawase Blur - Creator 2.x - Cocos中文社区

thank you big old!!!