Tyler Dill.

Lab

Graphics that draw

Cubeland is a voxel studio. The sketches beside it are live WebGL2, not posters. Further down, a canvas fits cubic Béziers to a freehand stroke. The small renderer behind the WebGL pieces is local to this site, in the same spirit as quick-draw.

0 cubes

Cubeland is a 3D cube-building canvas. WebGL is required to draw the scene.

Drag to orbit · click a face to add · right-click or Erase to remove · arrows / + − / keys 1–8

Interference

Fragment field · pointer warps the domain

A moving interference field drawn with a WebGL2 fragment shader.

Mass

Instanced cubes · light follows pointer

A cluster of lit cubes. WebGL is required.

Curves

Fit a freehand stroke

Draw with a mouse or a finger. Philip J. Schneider’s 1990 algorithm replaces the stroke with cubic Béziers while you move. First-party TypeScript, no graphics library.

Open Bézier fit

Prefer the toolkit itself? @stilogik/quick-draw is on npm.