Resizing container with orthographic camera doesn't scale the scene

[g-rauhoeft]

Hello everyone, I hope you are having a wonderful day!

I'm having trouble making my scene scale with the browser window while using an orthographic camera. I'm not sure what I'm doing wrong, but there seems to be a difference between how r3f handles resizing versus how examples in three.js show it.

This image shows the default behaviour in r3f:

This is what I would like to happen:

Is there any way to replicate this behaviour in r3f? Thanks a lot in advance!

[g-rauhoeft]

Fixed it. The trick is to set the camera to manual and keep a value for the frustum that is independent of the container size. For anyone interested, here's a working example: https://codesandbox.io/s/elastic-rain-8h9jpw

Thanks for the awesome library, pmndrs, you've made my life so much easier.

Edit: Also, the drei OrthographicCamera overrides top, bottom, left and right if they aren't passed in as props explicitly. Something to keep in mind if you want to set them imperatively.

[tsathis]

Thanks for sharing! This is what I was searching for!