I'm Trying to use OrbitControls but i can't, Any help?

Questions
1

HI, Im trying to use orbit controls but the scene is empty, how to deal with it?

activeCamera = new THREE.PerspectiveCamera(tempCameraJS.fov, tempCameraJS.aspect, tempCameraJS.near, tempCameraJS.far);
activeCamera .cameraTarget = tempCameraJS.cameraTarget.clone();
activeCamera .up = tempCameraJS.up.clone();
activeCamera .position = tempCameraJS.position.clone();
  
 activeCamera .aspect = 592 / 561; 
 activeCamera .updateProjectionMatrix();
 scene.ThreeSceneJSVar.add( activeCamera );
 controlsJS = new THREE.OrbitControls(activeCamera);
 controlsJS .noPan = true;
 controlsJS .noZoom = true; 
 controlsJS .autoRotate = true;
 controlsJS .autoRotateSpeed = 0.5;
2

You have to call controls.update() in your animation loop when autoRotate is set to true.

https://jsfiddle.net/f2Lommf5/1421/

Besides, noPan and noZoom are deprecated. Use enablePan and enableZoom instead.

3

Still have the same problem,

  controlsJS= new THREE.OrbitControls(activeCameraJSVar);
   controlsJS.enablePan = false;
    controlsJS.enableZoom = true; 
    controlsJS.autoRotate = true;

and in the animation :

controlsJS.update();

First image is the log

Capture
Capture694×604 24.8 KB

and this is the output screen… totally empty!

Output%20screen
Output%20screen628×586 140 Bytes

4

I can’t help you with the information you’ve provided so far. Try to create a live example with your current progress.