小丑鱼1231

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

3D夜景特效中经常会出现流动道路光束，如何用Three.js搞一个炫酷的无限光束，点进来就可以学到了！

点解人家的地球那么好看，因为炫酷的效果啊！点进来就跟我学渐变扫光和斑点扫光两种3D地球特效，让你家地球也变得布灵布灵~

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

在vue3中使用gasp去实现一个星之卡比的输入框，实现对输入框中的内容进行正则判断，根据正则结果实现不同的动画效果。 本组件是根据gasp官网的案例进行修改copy的

之前我们讲过了WebGL的相关原理，我们了解到WebGL绘图的方式是“连接式”的，WebGL就像是一个巨大的电路图，我们修改电路中的电路的连接方式或者是增加其中的电气元件，当我们按下开关时，这个电路就会自动运行。今天，我们就进入实战阶段，一切从0开始，手把手的带你使用原生的We…

本文教大家用GUI控制参数；将 noise 函数的数值转换成颜色，并结合 step、mix 插值颜色、使用 Pantone 年度代表色调色板颜色等做出双色 noise 小球；通过 HSL更好地控制颜色

本篇文章教大家通过 GLSL 内置函数 mix 对颜色进行插值，并重温前两篇文章所学的颜色渐变与突变、重复条纹、圆圈等效果，在此基础上实现彩色插值等效果。

本文内容主要包括了解什么是着色器、为什么要使用着色器、GLSL 语言的基本语法规则、理解顶点着色器、片元着色器、掌握Attributes、Varyings、Uniforms的区别，两种着色器材质用法等