Tailorsim
Language

How to use

Based on the editor guide · updated 23 Aug 2026

The Tailorsim editor drafts 2D panels, pairs seams, previews in 3D, then simulates cloth on a body — open /en/editor (or /th/editor) · language and sign-in are top-right · try without signing in · sign in to save to the server or use the catalog

Open editor

Layout

  • Top bar: File (example set / Open JSON / download / save / print) · Undo/Redo · Experiments (allowlist) · More (material)
  • Top-right: language · sign-in / account
  • 2D tool rail (desktop): floating bottom-left — Draw · Select · Move · Insert · Delete · Stitch · Simulate
  • Left: Inspector · Center: 2D canvas (dark) · Right: 3D view and Layers
  • Phone/tablet: tabs 2D | 3D | Inspector | Layers · tools as a FAB in the 2D pane
  • Sim progress is a centred dialog · after sim: Material · Lighting · Clear sim result

Quick start

  • File → Example set · Open JSON (DEV_MODE_ALLOWED_EMAILS only) · empty editor loads default tshirt
  • Select mode — click or marquee · for vertices only, pick the Vertex chip next to Select first
  • Move mode — drag to translate · Shift+drag to rotate · or arrow keys
  • Stitch mode — click panel edge A then edge B · purple stitch cords on canvas
  • File → Download JSON saves panels + stitches · browser draft autosaves
  • (Optional) Sign in, save to server · reopen from /designs
  • Delete removes selection · Ctrl+Z undo (works even with Thai keyboard layout)

Pan and zoom

  • Middle mouse + drag = pan · Scroll = zoom
  • Space + left drag = pan (alternative)
  • Two-finger touch: pan together · pinch = zoom

Main tools

  • Draw panel: place ≥3 points · Enter or click first point to close · Escape cancels
  • Select: click/marquee · does not move · Ctrl/Cmd toggles selection
  • Move: drag panel/edge/vertex · Shift+drag rotates · same-Z panels edge-snap
  • Insert vertex: click near edge · no grid snap · stitched edge = blocked
  • Delete: follows filter chip · stitched vertices highlighted amber
  • Stitch: edge A then B · stitched edges block · Escape clears first edge
  • Filter chips after Select: Auto / Vertex / Edge / Panel — affects click and marquee

Grid snap · guides · edge snap

  • Grid snap: checkbox top-right of 2D (on by default) · Alt while dragging = temporary off
  • Guide lines: same checkbox area (off by default) · alignment only · does not snap vertices
  • Edge snap: when moving whole panels near same front/back layer · Alt = off · not while rotating or moving vertices/edges

Inspector and context menu

  • Left inspector follows selection (panel · edge · vertex) · type numbers then Enter · ▲▼ apply immediately
  • Right-click: delete · insert · stitch/unstitch · duplicate · mirror · download · print · clear canvas
  • Duplicate panel with stitches = blocked · mirror left/right/up/down → front/back

Stitches

  • Stitch → first edge (purple) → second edge → dashed cord + arrow
  • One seam pair per edge · no valid stitch = cannot simulate
  • Layers → Stitches show/hide cords · click cord to select · right-click unstitch/reverse
  • Length mismatch > ~5% → amber cord · panels are not auto-stretched
  • Save: Download JSON · after sign-in, save to server at /designs · share read-only from the catalog

Layers · front/back

  • Layer checkbox = hide/show · double-click name = display name (file id unchanged)
  • Positive Z = front · negative Z = back · back layer mirrors left–right toward viewer
  • Drag panel onto another body and release = move to that body automatically

3D pane · body picker

  • Default: 2D left / 3D right · drag to orbit · wheel zoom · panels float until Simulate
  • Pick body · search by measurements (~5000) · upload OBJ · MakeHuman generate (macros / pose)
  • Validate / Preview before sim · purple lines in 3D match 2D stitch cords

Cloth simulation

Before Simulate: design needs at least one stitch pair · set run target and fabric/steps in Sim settings

  • Run target: Server (Python) or in-tab Browser (WebGPU when available) · saved on this device
  • WebGPU needs HTTPS or localhost — http://LAN-IP cannot select GPU (use CPU)
  • Sim settings: fabric preset · wrap/release/substeps · floppiness · custom presets saved locally
  • Simulate runs a dialog · result replaces 3D pane with cloth + body
  • Material: colour/texture (visual only) · default white + `/materials/default.png` · works on flat panels · does not change sim physics
  • Lighting: after sim · live preview · does not re-run sim
  • Clear sim: back to flat panels · re-run Simulate to see tuning changes

Save · catalog · print

  • Download JSON = panels + stitches · Open JSON / Example set · browser draft
  • Sign in to save to server · open from /designs · share read-only from the catalog
  • Print… / Download SVG · choose Actual size 100% in the print dialog (not Fit to page)
  • Sign-in and sign-out may record IP and time for security — see the privacy page
  • Undo/Redo ≥50 steps · Ctrl+Z / Ctrl+Y

Canvas symbols

  • Blue = panel edge · Red = crossing edges (warning)
  • Stitch cord = dashed line + arrow · Purple edge = waiting for second edge (stitch mode)
  • Orange dot + thin line = curve handle · Blue fill highlight = selected panel

Common shortcuts

  • Arrow keys move · Shift+arrows rotate · Delete/Backspace delete
  • Ctrl+Z undo · Ctrl+Y redo (physical Z/Y keys, not typed Thai letters)
  • Enter closes panel (≥3 points) · Escape cancels line/stitch
  • Alt while dragging = disable grid and edge snap