字节流动

其实你注意观察光源的边界就可以发现：光的亮度在光源的边界出现了急剧的变化，光亮度在边界区域快速变弱，但是亮度并没有直接减少到 0。可明显看到光源边界位置的亮度急剧变弱，但是亮度没有减少到 0 , 从而在物理上给人一种越过边界的感觉，这就是发光的效果。从函数的曲线可以看出来，函数值在某个位置附近急剧减小，超出边界之后又缓慢地减小到 0 ，基本上符合我们的判断。我们把里面的发光效果的函数拿出来仿真一下：pow(0.06/abs(x), 2.8)一个面试题引发的思考：OpenGL 发光效果的本质是什么？

该原创文章首发于微信公众号：字节流动未经作者（微信ID：Byte-Flow）允许，禁止转载今天讲一下绘制心形的两种方式，主要是为了扩展一下绘制复杂形状的思路，为后面讲特效做一些简单的铺垫。心形绘制可以参考 ShaderToy 上的代码：上述代码绘制心形,首先将原点从左下角移至屏幕坐标系中央，这样所有片元的向量均以屏幕中心为起点，则向量 uv 就是画布中心与像素点坐标之间的方向向量。然后利用反正切函数值和当前片元（像素）与屏幕中心点的距离相比较，来确定心形状的边界。

该原创文章首发于微信公众号：字节流动未经作者（微信ID：Byte-Flow）允许，禁止转载。

该原创文章首发于微信公众号：字节流动未经作者（微信ID：Byte-Flow）允许，禁止转载前面发了一些关于 Shader 编程的文章，有读者反馈太碎片化了，希望这里能整理出来一个系列，方便系统的学习一下 Shader 编程。由于主流的 Shader 编程网站，如 ShaderToy, gl-transitions 都是基于 GLSL 开发 Shader ，加上 MSL 和 GLSL 语法上差别不大，后面系列文章将以 GLSL 为主来介绍 Shader 编程。

前面发了一些关于 Shader 编程的文章，有读者反馈太碎片化了，希望这里能整理出来一个系列，方便系统的学习一下 Shader 编程。由于主流的 Shader 编程网站，如 ShaderToy, gl-transitions 都是基于 GLSL 开发 Shader ，加上 MSL 和 GLSL 语法上差别不大，后面系列文章将以 GLSL 为主来介绍 Shader 编程。后面 Shader 编程将使用 VSCode + ShaderToy 插件作为编程环境，步骤如下：下载安装 VSCode；

前面发了一些关于 Shader 编程的文章，有读者反馈太碎片化了，希望这里能整理出来一个系列，方便系统的学习一下 Shader 编程。由于主流的 Shader 编程网站，如 ShaderToy, gl-transitions 都是基于 GLSL 开发 Shader ，加上 MSL 和 GLSL 语法上差别不大，后面系列文章将以 GLSL 为主来介绍 Shader 编程。

OpenGL & Metal Shader 编程：ShaderToy 内置全局变量前面发了一些关于 Shader 编程的文章，有读者反馈太碎片化了，希望这里能整理出来一个系列，方便系统的学习一下 Shader 编程。由于主流的 Shader 编程网站，如 ShaderToy, gl-transitions 都是基于 GLSL 开发 Shader ，加上 MSL 和 GLSL 语法上差别不大，后面系列文章将以 GLSL 为主来介绍 Shader 编程。