Constraint Systems
Tools
30 alternative interfaces for creating and editing images and text
Conservation
An experimental drawing app where the total RGB values are always preserved.
CSS Paint
Paint using brushes defined in CSS. An ode to the power of CSS and an experiment in giving people weird building blocks.
Nest
An experimental webpage-builder. Add content like a text document. Blocks can be nested to organize and structure. Use custom CSS and classes for layout and style.
Grid
An experimental text editor. Adjust the grid size and text direction to create weird and expressive layouts.
Cascade
An experiment in collaborative CSS. Style is determined by the most recent 32 posts.
csOS
Use the Constraint Systems collection of experimental creative tools all together in one place.
Mosaic
Recreate one image using the tiles from another image.
Collage
An experimental public collage that combines images according to their complexity.
Type
A directed typing experiment. You choose the direction the letters should flow.
Push
Push and pull blocks to distort an image.
Flow
An experimental image editor that lets you set and direct pixel-flows.
Fracture
Shatter and recombine images using a grid of viewports.
Tri
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.
Tile
Layout images using a tiling tree layout. Move, split, and resize images using keyboard controls.
Sift
Slice an image into multiple layers. You can offset the slices to create interference patterns and pseudo-3D effects.
Automadraw
Draw and evolve your drawing using cellular automata on a pixel grid with two keyboard-controlled cursors.
Span
Lay out and rearrange text, line by line, using keyboard controls.
Stamp
Image-paint from a source image palette using keyboard controls.
Collapse
Collapse an image into itself using ranked superpixels.
Res
Selectively pixelate an image using a compression algorithm.
Rgb
Pixel-paint using keyboard controls.
Face
Edit both the text and the font it is rendered in.
Pal
Apply an eight-color terminal color scheme to an image. Use the keyboard controls to choose a theme, set thresholds, and cycle hues.
Bix
Draw on binary to glitch text.
Diptych
Pixel-reflow an image to match the dimensions of your text. Save the result as a diptych.
Slide
Divide and slide-stretch an image using keyboard controls.
Freeconfig
Push around image pixels in blocks.
Moire
Generate angular skyscapes using Asteroids-like ship controls.
Hex
A keyboard-driven, grid-based drawing tool.
Etch
A keyboard-based pixel drawing tool.
About