How to change rotation direction on drag of Orbit Controls?

[cyango]

Hi, I have to change the direction of the rotation of orbit controls of react three drei.

I have transform controls and orbit controls at the same time and using the latest example: https://codesandbox.io/s/baked-ao-forked-btsbj?file=/src/App.js

My question is how do I change the rotation direction from drag left->right = turns right to drag left->right = turns left?
I can achieve this with extend Orbit controls custom script, but thing is that it doesn't work with the effect I want in that sandbox example.

[drcmda]

If you want to use custom controls just add makeDefault, look up how it's done in the drei controls

[drcmda]

sure, you could make a pr to three-stdlib. if it's generic enough it could be useful to have.

[cyango]

Basically is just adding this to OrbitControls.ts on three-stdlib:

    function rotateLeft(angle) {
       if(scope.reverseOrbit){
            sphericalDelta.theta += angle;
      }else{
            sphericalDelta.theta -= angle;
      }
    }

    function rotateUp(angle) {
        if(scope.reverseOrbit){
      sphericalDelta.phi += angle;
          }else{
      sphericalDelta.phi -= angle;
      }
    }

I tested it locally and that's the desired effect.

[drcmda]

looks good, could you make the pr? btw

sphericalDelta.theta += angle * (scope.reverseOrbit ? 1 : -1)

less code?

[cyango]

Yes, I wrote it just for the sake of readability, do you want me to add your less code option?

[dhrodriguezg]

const controls = new OrbitControls(camera, renderer.domElement);
controls.rotateSpeed = -1; //it inverts both axes