M.C. Escher Tessellation Tools Progress: 0/4 V9

Escheresque

Four small, separate simulators for the math behind tessellating patterns.

Created by Aditya Peri

1. Image-Trace Tessellation

Upload, paste (Ctrl/Cmd+V while hovering here), or pick an example below. Both views share the same square tile and grid size, so they stay in sync.

Line Trace

Color Trace

Added results — tap one to download/share, × to remove

2. Corner-Block Tile

Upload, paste (Ctrl/Cmd+V while hovering here), or pick an example. One corner image gets rotated 0°/90°/180°/270° around a shared center to build one pinwheel-symmetric 2×2 block, then repeated by translation.

Added results — tap one to download/share, × to remove

3. Draw Your Own Pattern

Draw one tile by hand. B brushes, E erases, [ / ] resize the brush. The dashed red line always marks the full tile bounds — this view never zooms. Click "Expand" to draw in a larger popup version of the same tile; click the X to close it. "Plain" is a straight repeat; "Corner-block" is section 2's rotational symmetry — draw near the bottom-right corner, since that's the copy that stays unrotated; "Mirror" switches to two separate drawing surfaces below — draw on either one and it paints its own live reflection across the dashed blue axis line, like an inkblot. Export PNG in Mirror mode downloads those two canvases directly rather than a tiled grid.

4. Thermal Map Tessellation

Click the color view to drop heat points; drag an existing one to move it, double-click to remove it. Distance wraps around the tile edges (not just straight-line distance), so a point near one edge also warms the opposite edge — that's what makes the heat field itself tile seamlessly. Both views share the same points, and either one is clickable — drop, drag, or double-click to remove a point on whichever view you prefer. [ / ] adjust the radius that gets applied to the next point you place.

Color

Black & White

🦀