土豆奥利奥

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

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

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

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

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

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

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

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

前言 之前，我们使用 shader 画的图形都是黑白配色的，太单调了。今天，我们来使用内置函数——mix来给我们的图案上色。话不多说，直接开始吧。 mix 函数介绍 mix...

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

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

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

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

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

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

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

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

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

ECharts案例大全整理；ECharts生态社区原Make A Pie网站各种案例大全的搬运工；ECharts各种案例，实例参照。...

前言 今天我们来学习另外一道贪心算法的题目——划分字母区间。话不多说，直接看题目。 题目描述 字符串 S 由小写字母组成。我们要把这个字符串划分为尽可能多的片段，同一字母最...