Web tools

Web tools

Interactive experiments built with Svelte, Three.js, D3, and GLSL.

Explore the canvas

Drag or use the arrow keys to move. Scroll, pinch, or use + / − to zoom.

Press 0 or use Recenter to return home. Open a postcard to flip it and view the project.

GLSL SDF Practice Collection

Aug 2022 · Web tools

Four shader studies that paint a spinning cube's faces with coordinate-based patterns: a Mondrian grid, a blue-green checkerboard, a patchwork grid and framed edges. Drag to orbit each cube.

Client: Personal. Tools: GLSL.

Open project GLSL SDF Practice Collection, web tools by Gordon Tu