【新手教程】 Cocos 着色器入门（共 16 篇，更新到「有向距离场SDF」）

[vajoy]

Cocos 着色器知识板块的教程和文档相对较少，我自己在入门的过程感觉比较吃力，因此边学习边沉淀了一些入门文章，欢迎想了解着色器开发的朋友一起来学习。

目前输出的入门系列文章仅针对 2D 游戏项目，暂不涉及 3D 游戏。

文章列表（持续更新中）

所有演示的案例都可以在线上进行体验，完整的源码可以在商城中下载。

1、什么是 Shader？

2、节点染色与着色器语法

3、给染色节点设置透明度

4、纹理采样与受击闪白的实现

5、代码复用与绿幕抠图技术

6、灰阶、反色等滤镜的实现

7、图层混合样式的实现与 Render Texture

8、描边和发光效果的实现

9、溶解动画

10、拖影效果

11、光照跟随

12、转场动画

13、UBO 内存布局策略

14、高斯模糊和径向模糊

15、自定义后处理管线

16、有向距离场 SDF

感兴趣的同学可以收藏这个帖子，后续新开了文章我会在此帖进行更新和同步。

共勉～

[zjloop]

肯定用得上，mark

[catfish]

糙汉子的我只能用握草和666来形容我现在的心情

[vajoy]

谢谢楼上老铁

今日更新拖尾效果的着色器实现。

p.s. 商城源码新增案例后正审核中（v1.0.2），预计这俩天会审核完毕（后续每新增一个案例都会涨价 10 元，越早购买越划算了）。

[1316165750 (bateer)]

老哥 能不能出个2.0版本的

[vajoy]

应该不会了，精力有限不好意思

[snake_n18 (snakenjq)]

比如说我有一个角色是几个部分组合到一起的, 有好几个精灵，组合到一起是一个整个角色，这种怎么做 外发光呢

[soida]

制作sdf贴图 shader采样判断即可.

[27185709 (水煮肉片饭)]

果断下单

[525649253 (DullSword)]

看了下大佬的文章，很细，太强啦

已支持，但QQ群似乎搜不到

[vajoy]

谢谢支持 ，群号现在可以搜到了（之前不小心设置为禁止搜索了抱歉～）

[wslx (_lulalal_)]

Shadertoy BETA 要啥有啥

[850670990 (小野怪)]

学习，学习

[vajoy]

今日更新两篇文章：

• 光照跟随

• 转场动画

商城源码已更新至 v1.0.3，购买了的童鞋记得加群哈，会及时同步更新信息和解答疑惑～

[3020212110 (qx_one)]

很赞，顶贴！！！

[569245576 (Chihaya72)]

收藏了就是看过了

[vajoy]

今日更新第 13 篇文章《UBO 内存布局策略》， 是对《Cocos Creator 官方文档 —— UBO 内存布局策略》的详细解释，也是对《着色器语法》一文的知识点扩展。

[wlf92]

很棒，这是好东西。

[vajoy]

新增文章《高斯模糊和径向模糊的实现》

商场源码（v1.0.4）审核中，今天应该就审核完了。

[vajoy]

今日更新第15篇文章 《自定义后处理管线》

p.s. 商城的案例也已更新