Editor's Path Properties has 'Density' but no 'density profile' (e.g., gradient density) — user wanting density to vary along the path (denser at the start, sparser at the end) has no UI #388

New issue

Open

opened 2026-10-04 04:01:41 +00:00 by Mark · 0 comments

Mark commented

2026-10-04 04:01:41 +00:00

Owner

Finding"

grep -rn 'densityProfile\|densityGradient' src/components/editor/ returns 0. The editor has no density variation.

Embroidery often uses density variation:

Denser at the start (more stitches for solid color)
Sparser at the end (fewer stitches for a tapered look)
A "fade out" effect

A user wanting this:

Has no UI to set it
Would have to use multiple paths

The fix is a density profile.

Where

Path Properties: src/components/editor/EditorRightPanel.tsx
No density profile: grep -rn 'densityProfile' src/components/editor/ returns 0

Suggested fix shape

Type: add densityProfile: 'uniform' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' to the StitchPath type.
UI: a SelectField in the Path Properties section:

<SelectField
  label="Density profile"
  value={p.densityProfile ?? 'uniform'}
  options={[
    { value: 'uniform', label: 'Uniform' },
    { value: 'linear', label: 'Linear (start to end)' },
    { value: 'ease-in', label: 'Ease in (sparse → dense)' },
    { value: 'ease-out', label: 'Ease out (dense → sparse)' },
    { value: 'ease-in-out', label: 'Ease in/out' },
  ]}
  onChange={(v) => onUpdateDensityProfile(p.id, v)}
/>

Visual: a small chart showing the density along the path.
Use cases:

Tapered designs
Gradient effects
Quilting with varying density

History: single undoable action.

Severity**

Low. The user can split into multiple paths. Power users notice.

Discovered by

Gap analysis (2026-10-02) of editor path properties.

#373 (open) — Fill angle. Same fill parameters.
#374 (open) — Stitch direction. Same family.
Wilcom/Hatch have density profiles. The editor's gap is the parallel.

## Finding" `grep -rn 'densityProfile\|densityGradient' src/components/editor/` returns 0. The editor has no density variation. Embroidery often uses density variation: - Denser at the start (more stitches for solid color) - Sparser at the end (fewer stitches for a tapered look) - A "fade out" effect A user wanting this: - Has no UI to set it - Would have to use multiple paths The fix is a density profile. ## Where - Path Properties: `src/components/editor/EditorRightPanel.tsx` - No density profile: `grep -rn 'densityProfile' src/components/editor/` returns 0 ## Suggested fix shape 1. **Type**: add `densityProfile: 'uniform' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out'` to the StitchPath type. 2. **UI**: a SelectField in the Path Properties section: ```tsx <SelectField label="Density profile" value={p.densityProfile ?? 'uniform'} options={[ { value: 'uniform', label: 'Uniform' }, { value: 'linear', label: 'Linear (start to end)' }, { value: 'ease-in', label: 'Ease in (sparse → dense)' }, { value: 'ease-out', label: 'Ease out (dense → sparse)' }, { value: 'ease-in-out', label: 'Ease in/out' }, ]} onChange={(v) => onUpdateDensityProfile(p.id, v)} /> ``` 3. **Visual**: a small chart showing the density along the path. 4. **Use cases**: - Tapered designs - Gradient effects - Quilting with varying density 5. **History**: single undoable action. ## Severity** Low. The user can split into multiple paths. Power users notice. ## Discovered by Gap analysis (2026-10-02) of editor path properties. ## Related** - #373 (open) — Fill angle. Same fill parameters. - #374 (open) — Stitch direction. Same family. - Wilcom/Hatch have density profiles. The editor's gap is the parallel.