理解渲染管线
梳理 JavaScript 数据、Three.js 材质与顶点、片元着色器如何共同决定画面。
Real-time graphics portfolio
用图形编程，构建可交互的视觉体验。
这里展示我的 Three.js、WebGL 与 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
Technical capabilities
将图形原理转化为实时体验。
从渲染管线到视觉效果与交互场景，让技术实现服务于最终画面。
编写视觉效果
组合坐标、向量、噪声和光照，构建程序化材质与动态效果。
组织交互场景
将材质、粒子、动画与输入交互组合为可运行的实时作品。
Selected works
实时图形作品集
按技术方向或关键词浏览，打开独立页面查看作品的实时效果。
21 works
- 没有找到匹配的作品。
探索更多实时图形作品。
每件作品都可以独立运行。从着色器到交互场景，查看不同技术如何形成完整的视觉体验。