Toys

Interactive pages that stand on their own. No accounts, no backend — just open one and poke at it.

Triangle Drift

Each time the page loads, a random curve flows across the screen and a band of roughly equal isosceles triangles forms along it. Each side of the band reaches a few vertices out from the curve, more in some places than others. Each triangle is a little off from the next, so the band never looks machine-perfect.

The lines inside the triangles follow one simple rule. The script visits each vertex and goes clockwise through the triangles around it. The first triangle gets lines fanning out from the vertex, the next gets parallel lines running back toward it, and the third is left blank so another vertex can claim it. This repeats until every triangle is filled. A Variety control loosens the rule: it shuffles the order and changes the spacing and line counts, so the result moves from orderly to organic.

Click or press Space for a new curve. Use the panel to change colours, size, depth and variety, and save any version you like as a PNG.

Generated with Claude.

Open Triangle Drift →