webgraphiclibrary/demos

Typed WebGL wrappers,
shown live.

webgraphiclibrary gives framebuffers, shaders, programs, buffers, and textures a small, strongly-typed lifecycle API — with state restoration guaranteed after every operation. Each demo below runs in your browser against the real built library, imported straight from dist/. No bundler, no framework; view source on any page.

npm install webgraphiclibrary
zero runtime dependencies ~21 kB min+gzip, tree-shakeable WebGL 1 + 2 MIT

Demos

drag, hover, and tweak — every control drives the library API

Bloom post-processing demo interactive

Bloom post-processing

Bright-pass, blur, and composite across a chain of Framebuffers — with threshold, intensity, and pass-count controls.

Deferred shading G-buffer demo interactive

Deferred G-buffer

One pass fills three MultiTarget attachments; your pointer steers the deferred light.

MSAA comparison demo interactive

MSAA, side by side

Switch sample counts live — the MultisampleTarget is disposed and recreated under a rotating aliasing stress test.

Instancing demo interactive

Instancing

Thousands of instances in one draw call through a VertexArray; scrub the count and watch GLBuffer.upload() keep up.

Skybox demo interactive

Skybox

Drag to look around a procedural CubemapTexture sampled per pixel with samplerCube.

Color-id picking demo interactive

GPU picking

Hover to identify shapes via a one-pixel readPixels against an id buffer — timing shown live.

Minimal triangle demo start here

Minimal triangle

The smallest end-to-end render — Shader, Program, GLBuffer, one draw call. Meant to be read.