Hankz

在学些 OpenGL 的 Shader 绘图时，有两个坐标体系是绕不开的，而传统的二维坐标系（笛卡尔坐标系）并不能承载「环绕闭环」的图形（如星星、花朵、雪花等），它们最大的特点就是围绕一个中心点做图形循环，这就是极坐标系能够轻而易举做到的事情。 为了能够更好的理解极坐标系，我自…

我们可以通过顶点着色器来绘制点线面图形，并组合成其他各种形状，但是一般 2D 场景中，顶点着色器一般都不改，并且它一般决定的是整个画布的大小。所以这里探讨的是通过片元着色器来绘制基础图形。 所以如果想得到一个非正方形，只需要水平和垂直不公用一个 padding 即可。或者通过上…

下面介绍 Shader 中 gl_FragCoord 的加减乘除计算。简单概括一下，加减计算是位移，而乘除则是缩放：

1. 加 这里要讲讲三原色和三基色：三原色一般指的是红、绿、蓝三种，简称 RGB，这是加色系。就是光源只含有特定的波段，本身就是色光，将不同颜色的光加在一起形成新的颜色。典型的例子是显示屏，关系如下： 显然，shader 中颜色的加法运算符合加色系规律。当我们把颜色相加时，会形…

在两个值之间取埃尔米特插值（Hermite interpolation）link，它的值永远是 0~1。 描述：在edge0和edge1之间取一个平缓的差值，在我们需要一个平滑的渐变的时候特别有用。当前值小于edge0，取值为0。当前值大于edge1，取值1。在这个区间内，取e…