something.js

      function addCameraGizmos() {
       

        cameraControl = new THREE.TransformControls(ThreeCameraService.cameras[0], ThreeRendererFactory.renderer.domElement);
        cameraControl.attach(ThreeCameraService.cameras[1]);
        ThreeSceneService.scene.add(cameraControl);

        var renderCameraHelper = new THREE.CameraHelper(ThreeCameraService.cameras[1]);
        ThreeSceneService.scene.add(renderCameraHelper);

        cameraControl.addEventListener('mouseDown', function(){
          orbitControls.enabled = false;
        });

        cameraControl.addEventListener('mouseUp', function(){
          orbitControls.enabled = true;

          var cameraData = {
            pos: ThreeCameraService.cameras[1].position,
            scale: ThreeCameraService.cameras[1].scale,
            rotation: ThreeCameraService.cameras[1].rotation,
          }
          Collaborative3dScene.realtimeModel.getRoot().get('object').set('camera', cameraData);
        });

      }