patriciogonzalezvivo/glslCanvas

Health v2 · maintenance only

Adoption not part of the score

2273 stars · 203 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

GlslCanvas is a JavaScript library that loads GLSL fragment and vertex shaders onto HTML canvas elements using WebGL. It handles WebGL context creation, shader compilation, animation, and texture loading with minimal setup.

Use cases

• render glsl fragment shaders on a web page
• create animated shader backgrounds in html canvas
• build a glsl shader playground or sandbox
• load textures into webgl shaders easily
• teach shader programming in the browser
• prototype vertex and fragment shaders without writing webgl boilerplate

When to choose

• you want to display GLSL shaders on a canvas with a single HTML attribute or a few lines of JS
• you are building shader tutorials, demos, or creative-coding projects in the browser
• you need simple texture and uniform handling without a full 3D engine

When to avoid

• you need a full 3D engine with meshes, cameras, and scene graphs (use three.js instead)
• you need WebGPU or advanced rendering pipelines
• you are not targeting the browser/WebGL

Facets

library · maturity maintenance

graphics ui-components developer-tools web-development frontend graphics browser webgl glsl fragment-shader vertex-shader html-canvas shaders creative-coding textures game-development javascript web

Member repositories

For agents

markdown · JSON · MCP: product_card(name="patriciogonzalezvivo/glslCanvas")