vernier gl

Interactive drafting table in WebGL — draw a plan on an 8px grid, tilt the sheet, sculpt it in perspective. One fragment shader, zero dependencies, plus a three.js edition.

LANG HTML★ 1HOSTED ON LUCASPORTERBAKKER.GITHUB.IOUPDATED 12 Sep 2026

• #creative-coding
• #design-tools
• #drafting
• #glsl
• #grid
• #shader
• #threejs
• #webgl

More like this

• brc background Reverse-engineered reconstruction of the Bomb Rush Cyberfunk menu background: an iterated sine/cosine domain-warp WebGL shader, plus a React…
• ab9d portfolio 3D WebGL particle-morph portfolio — Flutter / Odoo / IoT engineer
• allanhert portfolio Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
• liquid lens A WebGL metaball lens: soft bodies that chase the pointer, merge into one shape, and show a photograph only where they are. Every number is a slider.
• shaderflow Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
• pelagic jellyfish webgl A silent interactive WebGL descent through a living jellyfish ocean, with pulse-driven swimming and a liquid-glass idle clock.