Rectangle Cut-and-Slide Tessellation Builder

Start from a rectangle. Click to add points that “cut” the top edge and the right edge. Matching points are automatically translated to the bottom and left edges so the tile can tessellate by translation. Coordinates output are shown in Quadrant IV (positive x, negative y).

Canvas

Mode: Top edge click inside top band

How to use:
1) In Top/Bottom mode, click to add points to shape the top edge (a “notch” or “tab”).
2) Switch to Right/Left mode and click to add points shaping the right edge.
The bottom/left get the matching translated points automatically.
Translation vectors: ⟨W,0⟩ and ⟨0,H⟩.

Quadrant IV Point List

Output uses the math-style plane with +x right and +y up, but we report points in the 4th quadrant: (x, -y) relative to the rectangle’s origin.

Tip: If your drawing canvas uses y increasing downward, these points are already in the convenient “4th quadrant” form.

Try the hexagon option - this makes your project harder to code.