scaling between image from WebXR camera-access and the window.inner dimensions | Three.js | Page 1

steel fiber Oct 29, 2023, 4:49 PM

#

How does the camera texture get resized between its actual size (3120x1440) and the size of the browser window (916x412)? I need to align coordinates generated on the first image size with how the camera renders in the browser window, but the positioning is way off. Any help would be greatly appreciated.

steel fiber Oct 29, 2023, 5:28 PM

#

actually looks like the screen is the correct aspect ratio (892x412) but the window.innerHeight is larger than that, why???

tight meteor Oct 29, 2023, 5:43 PM

#

Because that represents the 'virtual page' the browser engine is rendering to. See https://developer.mozilla.org/en-US/docs/Glossary/Layout_viewport for a few details on this.

Layout viewport - MDN Web Docs Glossary: Definitions of Web-related...

The layout viewport is the viewport into which the browser draws a web page. Essentially, it represents what is available to be seen, while the visual viewport represents what is currently visible on the user's display device.

steel fiber Oct 29, 2023, 8:29 PM

#

does threejs use the webgl viewport or the normal one?

#

#scaling between image from WebXR camera-access and the window.inner dimensions