gl.mjs

Tools · MIT

What it does

A small WebGL layer for shaders that sit inside the drawing in the same isometric camera: the camera as GLSL (GLSL_ISO with rayOf and pixelOf), glCamera, glLayer for a canvas between a back and a front SVG, and three envelope helpers (smooth, burst, settle) so no uniform ever pops. Raw WebGL, not three.js; pixel ratio capped at 1.5.

Get it

import { glLayer, glCamera, GLSL_ISO, burst, settle } from './kit/gl.mjs'; const layer = glLayer({ canvas, fragment: GLSL_ISO + myShader, camera: glCamera(P), uniforms });

Source on GitHub
Needs

WebGL; the SVG still reads without it

License

MIT

License notes are on the pack's page

From

Anatomy

Everything from Anatomy in the gallery

Back to the Asset Library