Truchet Tiles

Random tile orientation. Instant beauty, ten lines of code.

patterns.truchet · v1 · renderer canvas

Quarter arcs · 14 across · weight 0.20 · 6 colours

[data-canvas-stage] { display: none; }

Drawn in the browser

This generator does not send you an image. The server sends a short description of one — the parameters below, plus a 32-byte key — and the drawing is done here, from the same byte stream the server would have used. That needs JavaScript, so with it switched off there is nothing to show.

The description itself is still public: /api/v1/g/patterns.truchet returns it, and the maths is in resources/js.

Quarter arcs · 14 across · weight 0.20 · 6 colours

entropy in

16 bytes

stream used

32 bytes

rejections

duration

160 µs

palette

tile count

140

arrangements

10^42

Seed receipt

Class A · Cryptographic

Atmospheric radio noise, sampled in Dublin moments ago.

source: RANDOM.ORG
observed: 2026-09-13T18:45:11+00:00
latency: 251ms
mixed with: csprng — always

https://www.random.org/randomness/ ↗

Permalink

The token is the seed, so this link recomputes the result rather than looking it up. No database, and it works for as long as v1 does.

Controls · from schema()

Width

200 2048

Height

200 2048

Tiles across

3 72

Tile set

Line weight

0.02 0.7

As a fraction of a tile. Past about 0.5 the lines meet and the negative space becomes the pattern — worth pushing.

Ink

Colour

Palette size

2 12

Entropy source

Picking a source changes the story on the receipt, never the quality: anything below class A is mixed with the OS CSPRNG before it reaches you. This result actually came from RANDOM.ORG.

seed token B5T0X8JB8KWZCKDCVPJ5C7V6KM

Re-render keeps this token. Generate replaces it. That is the whole idea.

Burned into the corner before the file is written, so the image keeps its provenance wherever it ends up:

This page and /api/v1/g/patterns.truchet run the same code. There is no private endpoint.

Truchet Tiles

Result

Measurements

Seed receipt

Permalink