GLSL Shader 学习笔记

基于 The Book of Shaders 的交互式学习记录。
每一章包含可运行的 WebGL shader 演示和关键源码解析。
点击下方卡片开始探索。

Chapter 01

造型函数

step、smoothstep、pow、exp — 用数学函数绘制曲线与控制渐变

Chapter 02

颜色

RGB 混合、HSB 色彩空间转换、极坐标色相环

Chapter 03

形状

距离场 SDF、矩形、圆、多边形、布尔运算

Chapter 04

二维矩阵

平移、旋转、缩放 — UV 坐标变换与动画

Chapter 05

图案

fract 网格分割、砖墙偏移、嵌套旋转、Truchet 瓷砖

Chapter 06

随机

伪随机函数、噪点、迷宫生成、矩阵雨

Chapter 07

噪声

值噪声、梯度噪声、FBM 分形、域扭曲

Chapter 08

网格噪声

Voronoi、Worley 噪声、细胞边缘、Metaball 融合