Skip to content
EASEL.js

TransformControls

Interactive gizmo that translates, rotates, and scales an attached object. Matches EASEL.js r186 TransformControls: hovering a handle selects axis, dragging it moves the object on a mode- and axis-aligned plane, and the gizmo keeps a constant screen size. Add {@link TransformControls.helper} to the scene; rendering it (or calling its updateMatrixWorld()) refreshes the state that gestures read. Assigning any public property dispatches <name>-changed with the new value, followed by change. Gestures also dispatch mouseDown and mouseUp with the active mode, and objectChange whenever the object’s transform changes.