# patriciogonzalezvivo/glslCanvas

Simple tool to load GLSL shaders on HTML Canvas using WebGL

Repository: https://github.com/patriciogonzalezvivo/glslCanvas
Canonical: https://ross.abutalabs.com/products/glslcanvas
Homepage: http://patriciogonzalezvivo.github.io/glslCanvas/
Language: JavaScript
License: MIT
License Family: permissive
Topics: shaders, fragment-shader, canvas, texture, uniform, html-canvas, webgl, javascript, vertex-shaders, glsl-sandbox, glsl
Last push: 2023-07-19T17:48:05+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 4069, "days_push": 1141, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2273, forks 203 (observed 2026-08-28T04:06:33.266986+00:00)

## What it is
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
- artifact type: library
- maturity: maintenance
- function: graphics, ui-components, developer-tools
- domain: web-development, frontend, graphics
- platform: browser
- tags: webgl, glsl, fragment-shader, vertex-shader, html-canvas, shaders, creative-coding, textures, game-development, javascript, web

## Member repositories
- patriciogonzalezvivo/glslCanvas (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:33.266986+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:41:41.674168+00:00, confidence not recorded.
  - readme: https://github.com/patriciogonzalezvivo/glslCanvas (fetched 2026-08-28T04:06:33.266986+00:00, sha 4edc2516e622)
  - homepage: http://patriciogonzalezvivo.github.io/glslCanvas/ (fetched 2026-08-29T10:22:20.681328+00:00, sha 9e46d9f70f8e)
- Data as of 2026-08-30T08:39:29.467469+00:00.