candycat

写在前面写前面一篇的时候，发现还是不够基础。因此打算增加几篇基础篇，从点线面开始，希望可以更好理解。其实用Pixel Shader的过程很像在纸上绘画的过程。屏幕上的每一个像素对应了纸上的一个方格，如果你愿意，你甚至可以一个个判断像素的位置，从而画出任何你想画的图像，也的确有爱好者这么做过。但往往，我们需要的是一个动态的效果，这个效果往往依赖于数学公式的约束。我们可以说是，用数学去绘画。我们用数学

写在前面注：如果你还不了解ShaderToy，请看开篇。作为ShaderToy系列的第一篇，我们先来点简单的。

写在前面在之前的基础篇中，我们讲到了在绘制点线时如何处理边缘的锯齿，也就是使用smoothstep函数。而模糊参数是一些定值，或者是跟屏幕分辨率相关的数值，例如分辨率宽度的5%等等。但这种方法其实是有一种问题的。这需要我们从绘制的图像说起。ShaderToy中绘制的很多图像可以说是一种Procedure Texture，过程纹理，即是计算机生成的纹理。拿之前画的圆和线来说，这些圆和线的绘制过程，是

写在前面 好久没有更新shadertoy系列了，我万万没想到有童鞋还惦记着它。。。之前说过希望可以一周更新一篇，现在看来是不怎么可能了，一个月更新一篇的希望比较大（不要再相信我了。。。）我把之前实现的这个系列上传到了GitHub（https://github.com/candycat1992/Shadertoy_Lab）上，有兴趣的可以去下载下来。当然，也希望有网友可以一起贡献这个项目。GitHu

写在前面呜呼，好久没有写博客了，好惭愧。题外话，感觉越大就越想家，希望可以一直和家人在一起，哪怕只是坐在一起不说话也觉得很温暖，一想到要分开眼睛就开始酸，哎。开学还是爬上来老实更新博客学习吧~今天爬上来一看，发现CSDN的博客编辑终于更新了！进步总是好的，以前的编辑器实在很捉急。使用这种标记语言的确方便了很多，但好像颜色字体没法设置？程序员果然对美观没什么追求。ShaderToy如果你还没听过Sha

写在前面很早就想学习和整理下噪声，稍微接触过图形学的人大概都听到过噪声，然后就会发现有各种噪声，Perlin噪声，Worley噪声，分形（fractal）噪声等等。尤其是Perlin噪声，一搜资料发现大家说的各不相同，更加不明所以。我也总是困惑，后来发现还是要相信wiki和paper。这篇文章在于总结上面这些常见的噪声（即图形学中常见的程序噪声），它们是什么，怎么算出来的，以及一些应用。文章里的所有