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).
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⟩.
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.