Change camera settings on the fly

Scalar it sounds like you want what I also want – a “responsive” 3d scene similar to what you can do with webpages (via HTML/CSS, media queries etc) to make them “responsive”. (i.e things automatically adjust/’scale’ to accommodate the smaller screen size of mobiles including switching between mobile portrait and mobile landscape)

unfortunately, just like when you frame a photograph of a football team in your camera view finder and everything looks good, if you then suddenly flip the camera on its side into portrait mode, you’re going to cut a lot of players out of the shot.. The only solution is to back way up… and by the time you back out far enough, everyone’s faces are so small.

That’s the problem I run into when I make a beautiful looking app on desktop then bring it up on my phone in portrait only to find everything is so far away its hard for my fat fingers to navigate.

Aside from programming the app to automatically adjust the actual positions of objects (similar to telling your football players to get up on each others shoulders to all squeeze nicely into the shot), which isn’t a very practical option (it technical becomes a separate scene), the only option is to swap to a different camera/angle.

I’ve done something similar using techniques discussed here

How to adapt device screen size

Basically you just have to write some procedures to “survey” the scene on start, and re-size events and use that to figure which camera angle/position, fits best to corresponding screen sizes/orientation.

Unfortunately, mobile screen real estate (relatively speaking) will always have its drawbacks.

I know this post is from awhile ago, but I had an idea I’ll share…

You could have a generic (almost works for all device models screen sizes) with camera position and settings keyframed at frame 0

Then make many other camera position/settings keyframed at say, intervals of 10 frames from smallest to largest or vice versa.

Do the standard @media query to get users screen size.

Use the new clone animation puzzle to animate(if desired) to the proper settings keyframed spot of that screen resolution you made (ie: frame 30, or 50 etc) or just jump to it before screen rendering is shown in preload.

I’ll probably use this method if there’s nothing about it that isn’t supported.

..is there? Will that work?

Okay so pulling up this old post…

I don’t quite understand glifTeks method, so would be interested to see how others would do breakpoints essentially for camera controls. At the moment, I’ve used offsetwidth over offset height for less or greater than one, and changing maxZoom in an exec script puzzle for the document (or camera, i don’t understand whether it is global or per camera).

See attached. Perfect at full 1080, and pointless anything less and I can’t fit the entire object on. What’s the reason for that?

I thought that to try and make it neat, there could be some way to detect with js the change from a certain resolution to another? and when changed, the camera position changes?

https://lage.us/Javascript-Watch-Variables-for-Change.html

My biggest confusion though is just why does it even do it in the first place?