土豆奥利奥

前言 今天我们来学习 shader 中的 clamp 函数。话不多说，我们直接开始吧。 clamp() 函数意义 返回第二个数和第三个数中间的数，一般我们常用返回[0,1]之间的数值。 可以使用cla

前言 今天，我们来学习下 shader——ceil()函数。话不多说，直接开始。 ceil() 函数意义 向上取整 函数语法 函数值域 我们以最简单的举例: 同样的道理 vec2/vec3/vec4

前言 今天我们来学习 shader 的——mod 函数。话不多说，直接开始。 mod() 函数意义 用来求余数函数，返回两数相除的余数。 函数语法 函数值域 两个异号整数求余 符号规律(余数的符号)

前言 今天我们来学习 shader 中的常用函数——sign。话不多说，直接开始吧。 sign() 函数意义 根据输入值的大小，返回其正负号。 函数语法 函数值域 当 x>0， sign(x)=1.;

前言 今天我们来了解下 shader 中的函数——abs()。 abs() 函数意义 求传入数字的绝对值，返回该数的绝对值。 函数语法 注意：abs（vec2(x,y)）将返回一个二维向量 vec2(

前言 在前端中，我们经常接触到各种图片，我们也可以通过图片去做很多很好看的效果。那在 shader 中，我们有没有图片的概念呢？答案是：没有。在 shader 中我们没有图片，但我们有 纹理 （跟图片

前言 我们之前提到过——坐标修正的概念。但只是一笔带过。今天我们来详细了解下坐标修正。话不多说，直接开始。 什么是坐标修正 我们在前面文章的 shader 编写中，都进行了坐标修正。即以下代码： 从代

前言 目前我们 Shader 的默认坐标系是笛卡尔坐标系（也就是直角坐标系），除了这种坐标系外，还有另一种坐标系，叫做极坐标系，用这种坐标系能够画出一些基于圆的图案来。话不多说，直接开始吧。 什么是极

前言 之前，我们通过内置函数——fract实现过一些简单的重复图案。今天我们来尝试写一些其他的重复图案。话不多说，直接开始吧。 条纹 生成一条线 我们可以看到，uv.x 大于 0.5 的地方是白色的，