shader入门

文章介绍在 Shader 中绘制函数的方法：利用向量投影计算点到直线或线段的距离，绘制坐标轴与一次函数，并通过 step、smoothstep 实现不同线条效果；进一步将函数区间分段采样，以线段近似绘制 sin 等曲线。

文章介绍了使用 Shadertoy 搭建和编写 Shader 的基础知识，包括平台特点、常用 uniform 输入变量及片元着色器入口函数。内容说明了片元着色器与顶点着色器的区别、左下角为原点的坐标系，并通过示例展示坐标归一化、中心化、保持宽高比及利用 fract、fwidth 绘制网格的方法。

文章通过 GLSL 示例介绍网格绘制：归一化坐标后用 fract 划分单元，结合 fwidth、step 和 mix 绘制网格及坐标轴，并区分正方形与长方形网格。同时讲解常用函数及 smoothstep 对边缘锯齿的平滑处理。