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.