/tags/glsl/Recent content in Glsl on Feynman 的博客Hugozh-CNMon, 31 Aug 2026 12:00:00 +0800/posts/threejs-noise/Mon, 31 Aug 2026 12:00:00 +0800/posts/threejs-noise/<blockquote class="blockquote-regular"> <p>上节课用 GLSL 数学函数画出了形状和渐变。本节课进入着色器的&quot;灵魂工具&quot;——噪声函数：从 random 的雪花到 Perlin 的连续云雾，从单层噪声到 FBM 的分形细节，最终用噪声驱动云雾、地形、火焰和顶点变形。</p>/posts/threejs-glsl-math/Tue, 25 Aug 2026 12:00:00 +0800/posts/threejs-glsl-math/<blockquote class="blockquote-regular"> <p>上节课掌握了 GLSL 基础语法和 ShaderMaterial 的数据通道。本节课深入数学函数——mix / step / smoothstep 控制渐变与边界，sin / cos 制造波浪，dot / cross 做光照和 Fresnel，fract / mod 生成重复图案。这些函数是从&quot;一张 UV 坐标&quot;到&quot;一幅画面&quot;的核心工具链。</p>/posts/threejs-glsl/Sat, 15 Aug 2026 12:00:00 +0800/posts/threejs-glsl/<blockquote class="blockquote-regular"> <p>前 9 课用的都是 Three.js 内置材质（MeshStandardMaterial、MeshBasicMaterial……）。本节课开始写自定义 shader —— 直接用 GLSL 和 GPU 对话，让渐变、波浪、Fresnel 这些效果完全由代码生成，不再依赖内置材质的预设参数。</p>