Skip to content
ufraan
← Back

Webgl Pattern

WebGL pattern experimentation.

HTMLWebGLCSS
Mar 2026GitHubLive

WebGL Pattern is a playground for procedural pattern generation using GLSL shaders - geometric and organic textures rendered in real time entirely on the GPU. Adjustable parameters for color, scale, frequency, and distortion let you tweak the math and watch the output shift. No canvas 2D fallback, pure GPU rendering.

Procedural pattern generation with GLSL shaders
Procedural pattern generation with GLSL shaders

The project uses raw WebGL with GLSL fragment shaders and no abstraction layer like Three.js, giving maximum control over direct WebGL calls. It is hosted on GitHub Pages.