Offset camera so object is displayed off to the side

apps.camera.filmOffset = -10 or any other numeric value, but it’s hard to find the logic to set the camera view in the middle of the left part of a page independant of its width )))

When using setViewOffset you should take into account the v3d canvas size (it can be scaled and different from the window size), but not some random numbers…

function setCameraViewOffset() {
    const width = app.renderer.domElement.width; // the actual v3d canvas width
    const height = app.renderer.domElement.height; //the actual v3d canvas height
    const offsetX = -(width / 4); // the middle of the left half of a page
    const offsetY = 0;
    app.camera.setViewOffset(width, height, offsetX, offsetY, width, height);
}
setCameraViewOffset();
window.onresize = function() {
    setCameraViewOffset();
};

https://v3d.net/aa7

Hi @kdv,

How can we animate setViewOffset instead of just jumping?
For example, animation like tween camera or look at.

Hi @kdv,

Thanks for the reply.

We do not have a puzzle for the setViewOffset. So, I executed the code in “on update animation” which is not working. Screenshot attached. Can you take a look at it?

Thank you

Thanks for the reply.

We have a panning option in the model. So after panning, bring the model back to the center of the page when the user scrolls up.

Actually, offsetX and offsetY with value 0 always keep it in the center when I scroll up but need to give it a smooth animation instead of just jumping.

Do you want to center the model with the wheel up action? Yes, and the above puzzle is working fine. I just wanted to give some smooth animation to setViewOffset and instead of jumping instantly, it should happen in (ex. 1sec).

Thanks for the instructions.
I played other ways around to achieve what I was looking for.