Product media placeholder
Replace this area with a screenshot or short walkthrough video during the media sweep.
Wrap a DOM element or canvas object as draggable, with optional inertia. Outputs current position + drag state + velocity, suitable for driving any downstream graph node. Set `direction` to lock to an axis.
Type draggableCategory constraintsContext sharedDynamic ports noCompound no
Inputs
| Port | Type | Description |
|---|---|---|
weight | float | Weight |
Outputs
| Port | Type | Description |
|---|---|---|
position | vec2 | Position |
x | float | X |
y | float | Y |
isDragging | float | Is Dragging |
velocityX | float | Velocity X |
velocityY | float | Velocity Y |
resultX | float | Result X |
resultY | float | Result Y |
Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
direction | enum | "both" | Direction options both, horizontal, vertical |
selector | string | "" | Selector |
inertia | bool | true | Inertia |
throwResistance | float | 0.55 | Throw Resistance min 0; step 0.05 |
Envelope
Use draggable as the node type inside a graph node envelope. Add id, optional params, optional connections, and optional activeWhen based on the guide context.
Generated source
Registry faster-motion-docs/node-registry.jsonCategory page /help/faster-motion/faster-motion-node-category-constraints/