Positioning of 3d element in 3d scene

Hi Everyone,

I am trying to make it possible to drag 3d elements in the 3d scene, not with so much problem. Right now I am using a drag controller but the problem is that it only allows dragging in the x and y direction so it needs so much effort to put anything in the desired position.

It took me more than 2 minutes to put the sphere from the floor to the chair seat and still, that’s not in a satisfactory position.

I made a youtube video because discourse has limit on file size

what are the things that I can do to make it easy like in blender or unity or other tools.

i like this in unity with which you can drag anywhere


can anyone please guide me or help me to solve this issue !!


threejs has transform controls for xyz transform

import { TransformControls } from 'three/examples/jsm/controls'

import { DragControls } from 'three/examples/jsm/controls/DragControls'
you can also try it.

Maybe it is what you’re looking formisc controls transform