Positioning of 3d element in 3d scene

Questions
1

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

image

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

.

2

threejs has transform controls for xyz transform

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

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

4

Maybe it is what you’re looking formisc controls transform