跳到主要内容
← Shader 学习

Shader 学习 · 模块

Image Manipulation with Shaders

用 shader 处理图像:调色、饱和度、像素化、模糊、边缘检测。

16 课 · 16 课可实时渲染

  1. 01 Tint ez 给图像染上某个颜色 纹理
  2. 02 Color Negative ez 纹理
  3. 03 Brightness mix 本质上是线性插值函数 纹理
  4. 04 Relative Luminance Relative Luminance 是根据人类视觉能感受的光谱总结出来的formula 纹理
  5. 05 Tone 图像的整体颜色氛围 纹理
  6. 06 Saturation 忘了其实用dot就好了 纹理
  7. 07 Contrast shader-learning 自学第 7 课:Contrast 纹理
  8. 08 Color Distance 简单,我的版本带了个clamp,使得只保留颜色的效果留下了 纹理
  9. 09 Color Direction 它这里问的是,颜色从灰到饱和,插值,所以mix的顺序要调换一下 纹理
  10. 10 Pixelation gpt教我的是动态的: 纹理
  11. 11 Texel Size shader-learning 自学第 10 课:Texel Size 纹理
  12. 12 Edge Detection 卷积核(convolution kernel)是一个小矩阵,通常是 3x3,用于图像滤波。 纹理
  13. 13 Toon 本题核心在于实现颜色通道的量化,每通道压缩为 5 个等级,通过 `floor(color * 5.0 + 0.5) / 5.0` 实现“就近取整”。同时,利用 radius 控制邻域采样范围,从而影响边缘检测结果。虽然 Sobel 算子来自上一课,但在本题中结合量化效果,提升了 toon 风格的清晰度和表现力。我的实现 纹理
  14. 14 Box Filter shader-learning 自学第 13 课:Box Filter 纹理
  15. 15 Gaussian Blur shader-learning 自学第 14 课:Gaussian Blur 纹理
  16. 16 Bilateral Filter shader-learning 自学第 15 课:Bilateral Filter 纹理