Plumbin' models dynamic pressure distributed over networks as they are constructed. github 
Connect the faucet
to the spout
to let water flow.
//wiki.dbbs.co/assets/pages/plumbin-in-wiki/mosaic.html HEIGHT 320
Hover near joints to measure pressure on either side.
Challenge: Connect all faucets to spouts without adding or removing tiles. Extra credit: use all tiles.
See also Start Simple
.
The app dates back to 1985. We started this version by converting old Tiles to png in GT. Then we splatter them all over a table and hook up drag logic.
PNGReadWriter putForm: self onFileNamed: fileName
pages/plumbin-in-wiki/tiles
We recall project history. See Plumbin' by Example
pages/plumbin-in-wiki
.
We modified Ward's program to enable the tank tiles to display a variable amount of water. Our code just sets a random percent filled.
In addition to tried and true relative & absolute positioning tricks, this uses some fun applications of modern CSS features calc() and var().