OpenGL ES Shader

「这是我参与2022首次更文挑战的第28天，活动详情查看：2022首次更文挑战」 内建函数基础 在此之前实现各种效果滤镜时使用过许多glsl内建函数，然而没有系统性介绍和归类内建函数的使用。这里专门来

「这是我参与2022首次更文挑战的第27天，活动详情查看：2022首次更文挑战」 需求背景 在一些主流app上有一些比较特殊的滤镜效果，例如灰尘、塑料封面、光影效果等。在此之前一直困惑这类滤镜效果是如

「这是我参与2022首次更文挑战的第26天，活动详情查看：2022首次更文挑战」 前言 在一款图片处理软件colorow中发现彩虹效果滤镜感觉蛮有意思。 在OpenGL Shader系列更新到现在尝试

「这是我参与2022首次更文挑战的第25天，活动详情查看：2022首次更文挑战」 卷积基础 数字图像处理中许多滤镜效果是基于卷积计算开发出来的。卷积作为常见数字图像处理操作，我可以来处理过滤一副图像。

「这是我参与2022首次更文挑战的第24天，活动详情查看：2022首次更文挑战」 发光体效果的复用 之前已经了解过如何实现发光体效果，这里对发光体效果进行复用操作使得页面有多个发光体光源且尽量缩小光源

「这是我参与2022首次更文挑战的第23天，活动详情查看：2022首次更文挑战」 内发光原理 内发光原理简单概况是：采样周边像素alpha取平均值叠加效果。概括来说似乎好像特别简单，但需要一定的理解和

「这是我参与2022首次更文挑战的第22天，活动详情查看：2022首次更文挑战」 毛刺 毛刺效果实现原理是通过修改纹理坐标产生随机偏移量。但是产生偏移左右偏移的量是微小的并且是个别y轴上的像素需要发生

「这是我参与2022首次更文挑战的第21天，活动详情查看：2022首次更文挑战」 缩放效果 纹理中心缩放实现原理是调整纹理顶点坐标和纹理坐标的关系。调整后的顶点坐标是以(0.5,0.5)为中心点，然后

「这是我参与2022首次更文挑战的第20天，活动详情查看：2022首次更文挑战」 前言 之前学习了如何使用SDF绘制形状图像，像是圆形方形等。接下来继续通过SDF操作将形状图像组合在一起创建更复杂更有

「这是我参与2022首次更文挑战的第19天，活动详情查看：2022首次更文挑战」 前言 了解过如何绘制形状方法，在此之前也只介绍单个形状绘制，没有使用多个形状综合绘制。这里继续介绍绘制多种形状综合绘制

「这是我参与2022首次更文挑战的第18天，活动详情查看：2022首次更文挑战」 爱心函数由来 说到爱心函数就要提起一个名人勒内·笛卡尔，法国著名哲学家、物理学家、数学家、神学家。他是17世纪欧洲哲学

「这是我参与2022首次更文挑战的第17天，活动详情查看：2022首次更文挑战」 转场介绍 转场效果常出现再视频剪辑当中，用于衔接两段视频片段切换的过渡效果。转场常常在两个场景切换中去使用达到酷炫特效

「这是我参与2022首次更文挑战的第16天，活动详情查看：2022首次更文挑战」 马赛克原理 引用一段介绍马赛克的说明，马赛克在日常中的目的是为了遮挡不希望展示的内容，让图片部分内容模糊看不起具体是什

「这是我参与2022首次更文挑战的第15天，活动详情查看：2022首次更文挑战」 smoothstep另一种用法 在之前# OpenGL Shader-抗锯齿实现文章中所介绍的那样：为了抗锯齿效果可以

「这是我参与2022首次更文挑战的第14天，活动详情查看：2022首次更文挑战」 绘制圆形锯齿问题 普通绘制圆形形状时可以看到图形边缘会有明显锯齿现象并不像真实圆形形状一样圆润边缘平滑。在glsl中这

「这是我参与2022首次更文挑战的第13天，活动详情查看：2022首次更文挑战」 均值模糊 均值模糊原理其实很简单通过多个纹理叠加，每个纹理uv偏移量设置不同达到一点重影效果来实现模糊。不过这里偏移量

「这是我参与2022首次更文挑战的第12天，活动详情查看：2022首次更文挑战」 LUT滤镜原理 LUT全称LookUpTable也就颜色查找表，代表输入像素数组和输出像素数组映射关系。其实就是一个查

「这是我参与2022首次更文挑战的第11天，活动详情查看：2022首次更文挑战」 了解噪声图生成逻辑之后，若需要实现彩噪图该怎么做呢？对于如何实现彩噪效果原理方法介绍好像是很少的。在shaderToy

「这是我参与2022首次更文挑战的第10天，活动详情查看：2022首次更文挑战」 在了解随机数生成之后可以利用随机数函数实现噪点效果。像是电视机白噪音效果就可以通过随机数函数来实现。像是电视雪花屏还是