Gestures
| Gesture | Result |
|---|---|
| Drag a label or value sideways | Scrub. The cursor never hits the screen edge (pointer lock engages near it). At the end of a range it holds; push on to go past it |
| Shift / Alt / Ctrl (⇧ ⌥ ⌘ on macOS) while dragging | Faster ×10 / slower ×0.1 / snap to round values. Everywhere in the panel Shift goes faster and Alt slower. A key on its own never moves the value: it takes effect as you move. The drag readout lists these keys and lights the one you're holding |
| Drag down a column of values (or of labels) first, then sideways | Scrub those fields together: the fields swept are outlined, and the drag readout counts them |
| Drag a vector's label | Scrub every component |
| Middle-drag, or long-press | Value ladder: move up/down to pick the magnitude, sideways to change |
| Click a value | Type it. Expressions work: pi/4, *=2, +=0.1, 2^8, 90deg |
| Arrow keys on a focused value | Step it, faster with Shift and slower with Alt (as dragging); past the range's ends too. Page Up/Down: ten steps. Home/End: the range's ends. Enter: type a value |
| Esc while dragging | Cancel: the value goes back, and so does what the view shows (a selection, a thumb) |
| Tab, then arrows | Every control works from the keyboard. A choice of several is one stop, and arrows choose. The colour picker's plane and strips, the pad, the knob and the orientation sphere step with arrows, faster with Shift or Page Up/Down and slower with Alt, as a value does. In a curve, [ and ] pick a key, arrows move it, I adds one, Delete removes it |
| Esc in a text field | Puts back what was there before you typed, and leaves the field: a second Esc is for what holds it (a popover closes). Enter commits, and so does leaving the field, by a click elsewhere or a drag |
| Enter on a texture's thumbnail | Its inspector, focused: arrows pan, +/− zoom, 0 fits, Enter pins the texel at the centre, Esc closes |
| Double-click a label | Reset to the code default. A double click, or a finger's double tap, is two presses within 320 ms and 24 px |
| Right-click | Reset, copy/paste value, copy as code, its range, copy path, resolve code-default changes |
| ⌘/Ctrl+Z, ⇧ to redo | Undo the last drag or edit (when you last used the panel) |
/ | Search and commands: matches names, paths, tags (is:modified, is:drift, is:pinned, is:driven for MIDI or audio, is:nan for values that aren't finite and textures with NaN or Inf texels, type:color), then commands. ↑/↓ and Enter: a control is revealed and a number starts editing (/ rough ⏎ 0.4 ⏎); a command runs. > lists only commands |
H | Show/hide the panel |
? | Every shortcut and gesture, on one sheet (also in the main menu) |
Graphs (plots, a texture's histogram and its inspector, the frame scope and a capture's timeline, the keyframe timeline, curves) take the same gestures:
| Gesture | Result |
|---|---|
| The wheel | Zooms about the pointer in a graph with a window of its own (the histogram, the inspector, a capture, a curve). In the panel (a plot, the frame scope) and over the keyframe timeline's tracks it scrolls, as everything there does; over a ruler or an axis it zooms |
| Ctrl/⌘ + the wheel, or a pinch | Zooms in every graph. A mouse's notch zooms by 1.25, with Ctrl or without; a pinch zooms twice as far as your fingers spread |
| Shift + the wheel, or a sideways scroll | Pans. A sideways swipe over a graph is the graph's, even with nowhere to pan: it never takes the browser back a page |
| Alt + the wheel | In a curve: zooms the values alone (Alt + Shift: the time alone) |
| Middle-drag | Pans |
| Drag | The graph's own tool: measure (a plot), set black and white (the histogram), select (keys). It pans where there's nothing else to do (the inspector, a capture, the scope zoomed in) |
| Double-click | Fits, except on a curve or a track, where it adds a key |
+ − 0, the graph focused | Zoom in, out, and fit |
| fit | Over the graph's top-left corner while it's zoomed (in the bar, for a capture, a curve and the keyframe timeline) |
| Two fingers | Pinch to zoom, move to pan; one finger does what a drag does |
Touch:
- A horizontal start scrubs; a vertical start scrolls the panel.
- Move your finger away from the row for finer control.
- Long-press a value for the ladder (slide up/down to pick a magnitude); long-press a label or folder for its menu.
- Double-tap a value to type.
- In the texture inspector: one finger pans, pinch zooms, tap probes a texel, double-tap fits.
- A window (or the panel) moves from anywhere on its title bar, its buttons and search field included: a drag moves it, a tap presses the button.
- The screen's left and right edges are the browser's (its swipe back and forward): a window's edge there, or held to the screen's edge, doesn't resize by touch. A drag the browser takes over is undone rather than left half done.
- Windows can't be lost off screen. None is wider than the screen, its title bar stays on it, and a resize stops at the screen's edge. Reset window layout (in the menu) puts everything back.
A row whose getter or codec throws shows the error in that row; the rest of the panel keeps running. Gesture constants can be tuned with createGUI({ gesture: { longPressMs, edgeLockPx, … } }).
Hands-on checks is a checklist of gestures to try on each device, with results you can copy back.