先看清数据如何流动
从 JavaScript 的 uniform，到顶点与片元着色器中的每一次变换。
Personal graphics notebook
让图形学的原理，成为可见的画面。
这是我的 Three.js 与 GLSL 练习档案：从坐标、插值和噪声开始，把抽象的渲染管线逐步写成可运行、可观察的实时作品。
fragment.glsl
uniform float uTime;varying vec2 vUv;float wave(vec2 uv) { return sin(uv.x * 8.0 + uTime);}void main() { float light = wave(vUv); gl_FragColor = vec4(light);}● runningWebGL / GLSL
How I practice
不跳过理解，才有自由创作。
每个练习都从一个小问题开始，并把关键的数学关系留在画面与代码之间。
用最小片段构造效果
把坐标、向量、噪声、光照拆成可以单独验证的小实验。
再把技术组织成作品
用材质、粒子和交互，让基础公式最终成为一幅完整画面。
Selected experiments
所有练习作品
按学习方向或关键词浏览，每张卡片都会直接进入独立的可运行示例。
21 works
- 没有找到匹配的作品。
从一个像素开始，继续练习。
每个页面都保持独立、轻量且可直接运行。挑一个条目，观察参数、公式与视觉结果如何相互影响。