Tri is an experimental image distorter. You can choose an image to render using a WebGL quad, adjust the texture and position coordinates to create different distortions, and save the result.

From: https://tri.constraint.systems

Tri is an experimental image distorter. You can choose an image to render using a WebGL quad, adjust the texture and position coordinates to create different distortions, and save the result.

Understanding WebGL textures

I'm going to make the WebGL texture explorer/debugger a little app.

More WebGL texture experiments.

Learning about WebGL texture coordinates.

Figuring out webGL.

From: https://webglfundamentals.org/webgl/lessons/webgl-3d-textures.html

Moons, tiled.

From: https://tile.constraint.systems/ via https://unsplash.com/photos/qx-fv-jB0iM

Constraint Systems as seen through Tile.

From: https://constraint.systems

Tile - layout images using a tiling tree layout. Move, split, and resize images using keyboard controls.

From: https://tile.constraint.systems/

Tile is an experimental image editor that lets you layout images using a tiling tree layout. You can move, split, and resize images using keyboard controls.

Motivation

Making a tiling window browser within the browser, maybe.

Fish tile.

Split and multiply.

Responsive design debug.

Working on a new layout for the Constraint Systems index page.

Tree layout and image-fill contain.

Back to tiling.

Sift - slice an image into multiple layers. You can then offset the slices to create interference patterns and pseudo-3D effects

From: https://sift.constraint.systems

Sift is an experimental image editor that slices an image into layers. You can offset the layers to produce interference patterns and pseudo-3D effects. It uses an additive blending mode and pixel-based light splitting algorithm.

Origins

Slippy.