Responsive Camera Switching

This topic has 5 replies, 4 voices, and was last updated 2 years, 6 months ago by yogyog.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
2021-09-03 at 2:13 am #44244
timmeh
Participant
Hi, first- absolutely love the software. Puzzles are a total joy to work with!

I’m switching between cameras with a window.parent resize event listener that checks if the innerWidth is less than 768, which is working great. The problem comes when I try to do the same thing with this statement for initial load:
```
if (window.parent.innerWidth < 768) {
    app.camera = cameraMobile;
}
```
This does change the camera, but it is stretched vertically. Resizing the window at all fixes it- fitting the scene back into place how it should be, so I think it has something to do with how the scene size is recalculated when the v3d-container resizes. Any idea how I can fix this?

Both cameras are orthographic (blender); the initial camera is at 76.9 orthographic scale and the mobile camera is at 58 scale.
2021-09-06 at 9:35 am #44319
Yuri Kovelenov
Staff
Hi,

you can try the following:

v3d.apps[0].onResize()

EDIT:

actually you should do it this way:
```
if (window.parent.innerWidth < 768) {
    app.setCamera(cameraMobile);
}
```
it does resizing automatically.

Chief 3D Verger | LinkedIn | Twitter
2021-09-07 at 10:08 pm #44381

timmeh
Participant

That worked beautifully- thanks Yuri!

2022-04-26 at 7:45 am #51369

Swetali Mahapatra
Customer

Hi Yuri. In which .js file should I add this code?

if (window.parent.innerWidth < 768) {
app.setCamera(cameraMobile);
}

2022-04-29 at 8:48 am #51480

yogyog
Participant

Not exactly what you asked for but I find it works well to set the rendersize to something square in your 3D program, that way is your on a landscape screen it will extend the viewing area sideways, and if your in a portrait screen it will extend the field of view vertically.

2022-04-29 at 8:54 am #51481

yogyog
Participant

Sorry This post was meant to be on another thread.
Author

Posts