I am trying to find a transform controls gizmo that looks more like this.
The image below shows a widget that has dragable arrow heads to allow manipulating the location and spheres that allow for dragging to adjust the orientation.
Dose any one know of any existing implementations of some thing like this such as a library or demo?
1 Like
Managed to cobble some thing together.
// CombinedTransformControls — lightweight move + rotate gizmo
// Drop-in replacement for three/examples TransformControls used by this app.
// Focuses on orthographic cameras and the needs of the BREP Viewer.
//
// Public API compatibility (subset):
// - constructor(camera, domElement)
// - extends THREE.Object3D so it can be added to the scene
// - properties: enabled, dragging, mode, showX/Y/Z, isTransformGizmo
// - methods: attach(obj), detach(), setMode(mode), getMode(), update(), dispose(), getHelper()
// - events: 'change', 'dragging-changed', 'objectChange'
// - picking roots available at this.gizmo.picker.translate / .rotate
//
import * as THREE from 'three';
export class CombinedTransformControls extends THREE.Object3D {
constructor(camera, domElement) {
super();
this.type = 'CombinedTransformControls';
this.camera = camera;
this.domElement = domElement;
This file has been truncated. show original
This is much more similar to how CAD application workflows are.
1 Like