TransformControls customisation

[jonportelli]

I have modified the TransformControls example from the Drei library https://codesandbox.io/s/r3f-drei-transformcontrols-dde06?file=/src/index.js I have it set to "rotate" mode to demonstrate where I am having difficulty accessing certain props. When you open the console, you will see console.log( transform.current.quaternion). If I offset the values ie. _x: 0.1 _y: -0.1 in my local browser, I get my desired effect but when i come to implement, I believe this is not accessible in the .TransformControls.d.ts API ?

object: Object3D | undefined;
enabled: boolean;
axis: string | null;
mode: string;
translationSnap: number | null;
rotationSnap: number | null;
space: string;
size: number;
dragging: boolean;
showX: boolean;
showY: boolean;
showZ: boolean;
readonly isTransformControls: true;
mouseButtons: {
	LEFT: MOUSE;
	MIDDLE: MOUSE;
	RIGHT: MOUSE;
}

Any tips would be greatly appreciated.

[drcmda]

not sure what you want to achieve? you want to set the quaternion? then thats

<yourObject quaternion={[x, y, z, w]} />

the _x stuff you see in the console are threejs internals. you dont set them directly, you use obj.set(...) which is what the code above will call, see: https://github.com/react-spring/react-three-fiber/blob/master/api.md#shortcuts-set

[jonportelli]

Amazing, as simple as quaternion.set(0.1, -0.1, 0, 1) did the trick. Very useful API doc. Many thanks Paul !