TransformControls
Interactive transform gizmo providing visual handles for translate, rotate, and scale operations.
Usage
ts
import { TransformControls } from '@threeuse/core/plugins'
app.use(TransformControls, { mode: 'translate' })
app.$transformControls.attach(mesh)
// Switch modes programmatically
app.$transformControls.setMode('rotate')Options
| Option | Type | Default | Description |
|---|---|---|---|
mode | 'translate' | 'rotate' | 'scale' | — | Initial transform mode |
space | 'local' | 'world' | — | Coordinate space |
Keyboard Shortcuts (in demo)
| Key | Action |
|---|---|
| T | Translate mode |
| R | Rotate mode |
| S | Scale mode |
Demo
模式:拖拽手柄变换物体