Shader My Head

在 Photoshop 中，我们可以对顶层的图层选用指定的「图层混合模式」，来让它与底层图像实现不同的叠加效果： 在前端 CSS 中存在可实现同样叠加效果的 mix-blend-mode 属性，可以实

在片元着色器中对像素颜色进行有规律的改动，可以实现各种有趣的滤镜效果。 本文会介绍部分常规着色器滤镜（效果见下图），它们大多是用固定范式来实现的。 一、灰阶滤镜 通过 GLSL 内置的 dot 函数，

一、着色器片段（Chunk） Cocos Creator 支持创建着色器片段文件（.chunk 格式）在跨文件中复用。在资源管理器某文件夹下点击右键，选择「创建 → 着色器片段」即可创建一个 Chun

一、纹理采样 在之前的文章中，我们在片元着色器输出了一个固定的 RGBA 色值，它与节点纹理无关，如果希望片元着色器中返回的色值与当前节点的纹理相关，则需要通过纹理采样获取像素颜色。 纹理采样的流程大

在上篇文章我们编写了最简单的一个着色器 Effect 文件，来为一个节点染上完全不透明的绿色： 如果只想给节点设置 50% 的透明度，我们可能会觉得，把片元着色器入口函数返回的 Alpha 值更改为

一、在 Cocos Creator 中编写 Shader 在 Cocos Creator 中，着色器是以 Effect 文件（扩展名为 .effect）的形式存在的，且需要在节点组件（例如 Sprit

Cocos Creator Shader 入门与精通系列文章附录。 用于记录一些知识杂项，做为配套查询的工具书使用。

Cocos Creator Shader 系列文章开篇。 本系列文章收录于个人专栏 ShaderMyHead：https://juejin.cn/column/7505952781289226291