Move camera along curve while still having mouse control the camera

[1337jick]

Hi everyone!
Firstly, thank you @yomotsu for such a powerful tool.

I hope I did it right with creating a thread..

I have a spline that my camera moves back and forth on when scrolling with the mouse wheel. My problem is that I am not able to look left/right in my 3d scene anymore with mousemove.

Like this but on mousewheel/scroll

Path moving done the same way as in the example here

 this.curve = new CatmullRomCurve3([
      new Vector3(this.worldCenterX, -17, 0 ), // 1
      new Vector3(this.worldCenterX,   -17, 0.2 ), // 2
      new Vector3(5.72 , -17, 1.95), // 3
      new Vector3(5,   -16.86, 2.79), // 4
      new Vector3(4.46,   -17, 4.46 ), // 5
      new Vector3(5.72, -16.44, 5.72 ), // 6
      new Vector3(5, -15.4,  8.22 ), // 7
    ]);

       this.curve.getPoint ( n.value,  this._tmp );  
       this.camera.cameraControls.setLookAt( cameraX, cameraY, cameraZ, lookAtX, lookAtY, lookAtZ, false);

While on render

    this.camera.cameraControls.update(this.time.delta); //camera controls upodate
    this.rotate() //mousemove rotation

And the rotate itself

      if(this.mouse.x !== 0 || this.mouse.y !== 0) {

      // if(this.$lenis.isScrolling) return;

    
      this.camera.instance.rotation.y = MathUtils.lerp(
        this.camera.instance.rotation.y,
        this.mouse.x,
        0.05
      );
      
      this.camera.instance.rotation.x = MathUtils.lerp(
        this.camera.instance.rotation.x,
        this.mouse.y,
        0.05
      );
    }

The question is which parameter should I use to apply my this.mouse.x calcs?

It's either overwriting each other, or render conflicting as in the render above

You can see this as a ref

[1337jick]

Found the solution, is to use .setViewOffset. Somehow it's not in the docs in Methods.
Then you can lerp the calculated value for this method and put it in the render.

//fired at this.renderer.render
  rotate() {
    this.mouse.x = MathUtils.lerp(this.mouse.x, this.newMouse.x, 0.05);
    this.mouse.y = MathUtils.lerp(this.mouse.y, this.newMouse.y, 0.05);

    if(this.mouse.x !== 0 || this.mouse.y !== 0) {
      this.camera.instance.setViewOffset(
        this.sizes.viewport.width,
        this.sizes.viewport.height,
        this.mouse.x * 200,
        this.mouse.y * 200,
        this.sizes.viewport.width,
        this.sizes.viewport.height,
      );
      this.camera.instance.updateProjectionMatrix();


    }
}