土豆奥利奥

前言 今天我们使用 SDF 的布尔运算来画一些组合图形，还是话不多说，直接开始吧。 现成的 SDF 应该到哪里去取 我们应该都发现了，很多时候 SDF 是非常考验大家的数学功底的。给大家推荐一个大神的

前言 前面，我们学习了内置函数fract,今天我们再来学习另外一个内置函数abs。废话不多说，直接开始吧。 abs 函数说明 它的作用是获取一个数的绝对值。比如 abs(2.)，返回的值是 2.，ab

前言 今天，我们来学习下 shader 中另外的一个内置函数——fract。我们今天将利用它来实现重复效果。话不多说，直接开始吧。 fract 函数介绍 fract—— 它的作用是获取一个数的小数部分

前言 在前面，我们通过 shader 去实现了圆，发光圆，矩形这几种效果，今天，我们将来实现一个翻转旋转的三角形。话不多说，直接开始吧。 实现过程 画一个三角形 我们首先先来画一个三角形。跟之前画矩形

前言 今天我们将学习下 SDF 函数的相关概念，并使用 SDF 完成一个矩形。 什么是 SDF 概念：SDF，全称 Signed Distance Function（有符号距离函数），是一个在计算机图

前言 之前，我们使用 uv 坐标完成了一个圆的图像。今天，我们来给我们的圆添加一些特殊的图形效果。 模糊效果 我们使用smoothstep函数来实现我们的模糊效果。 smoothstep（平滑过渡函数

前言 想必，大家都知道，在 shader 中 uv 是一个非常神奇的内容，它可以实现很多非常有意思的东西，堪称 shader 中的大触。今天我们就使用 uv 来画一个小圆，简单感受下它的神奇之处。 可

前言 今天，我们将来学习我们的第一个 shader 案例，从最简单的案例开始，一步一步的开启我们的 shader 之旅。 在页面上输出一种颜色 第一步，我们想在页面上输出一种颜色。 首先，我们来编写

前言 大部分的编辑器可能并没有内置对Shader的支持，因此你需要额外安装一些插件来辅助Shader的开发。 有的插件是必须要装的，不装的话将难以继续学习后面的内容，也有的插件是可选的，不装并不影响整