KQ-380 · CLOTH/DRAPE
Cloth Drape
The interface as a hanging cloth. A grid mesh carries the painted page; wind rolls slow waves through it, the cursor pushes a dent that springs back, and the shading follows the folds. The mesh is a few thousand vertices, so the drape costs almost nothing.
KQ-380 · CLOTH/DRAPE
Fernworks · shade-cloth order
Six bays, one cut list.
The order the loft is cutting against this week, hung here the way the finished panels will hang over the hoop house. Run the cursor over it — the weave gives under the pointer and settles back once you move on.
| Run | Bay | Metres | State |
|---|---|---|---|
| R-12 | Bay 4 | 18.5 m | cut |
| R-13 | Bay 2 | 22.0 m | pending |
| R-14 | Bay 7 | 14.25 m | hemmed |
58.75 m total
hung like cloth
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/cloth-drape
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cols / rows | number | — | The mesh resolution. |
| wind / speed / amplitude | number | — | How much the cloth moves at rest, how fast the waves travel, and how deep they are in px. |
| push / radius / shading | number | — | How deep the cursor dents the cloth, how wide the dent is, and how strongly folds are lit. |