Skip to content

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 ​

OptionTypeDefaultDescription
mode'translate' | 'rotate' | 'scale'—Initial transform mode
space'local' | 'world'—Coordinate space

Keyboard Shortcuts (in demo) ​

KeyAction
TTranslate mode
RRotate mode
SScale mode

Demo ​

模式:拖拽手柄变换物体

Released under the MIT License.