So I ended up doing this after hours of reking my brain:
Zoom Out:
////Original Controls.target Position: controls.target.set(0, 0, 0);
//Original Camera Position: camera.position.set(0, 0, 0);
var tweenDuration=2000;
function panCam(xTarget,yTarget,zTarget,tweenDuration){
controls.enabled = false;
var camNewPosition= { x : 0, y : 0, z : 0};
var targetNewPos = {x : 0, y : 0, z : 0};
var camTween = new TWEEN.Tween(camera.position).to(camNewPosition, tweenDuration).easing(TWEEN.Easing.Quadratic.In)
.onComplete(function() {
camera.position.copy(camNewPosition);
})
.start();
var targetTween = new TWEEN.Tween(controls.target).to(targetNewPos, tweenDuration).easing(TWEEN.Easing.Quadratic.In)
.onComplete(function() {
controls.target.copy(targetNewPos);
})
.start();
}
panCam(0,0,0,1000);
Zoom In:
controls.enabled = false;
var xTarget=0;
var yTarget=-0.7;
var zTarget=-1.65;
var tweenDuration=2000;
function panCam(xTarget,yTarget,zTarget,tweenDuration){
var camNewPosition= { x : xTarget, y : yTarget, z : zTarget};
var targetNewPos = {x : xTarget, y : yTarget, z : -1.65};
var camTween = new TWEEN.Tween(camera.position).to(camNewPosition, tweenDuration).easing(TWEEN.Easing.Quadratic.Out)
.onComplete(function() {
camera.position.copy(camNewPosition);
})
.start();
var targetTween = new TWEEN.Tween(controls.target).to(targetNewPos, tweenDuration).easing(TWEEN.Easing.Quadratic.Out)
.onComplete(function() {
controls.target.copy(targetNewPos);
})
.start();
}
panCam(0,-0.7,-1.65,800);
Hope this helps someone as it seems to be the only solution that worked for me