How to have .glb files scale responsivley with users screen size?

[waldrus]

Hello!

I’m looking to have my .glb file reduce and expand in size, while maintaining its aspect ration, in response to the varying view port widths. To clarify, I’m not looking to scale the size of the canvas but, rather, the size of the actual object itself.

If anyone is able to provide direction to some preexisting documentation, or advice, it would be greatly appreciated

[Fyrestar]

This will help you

Functions to calculate the visible width / height at a given z-depth from a perspective camera

These two functions will give you the visible height and width in your scene at a given distance from a PerspectiveCamera. It’s useful if you want to create an object that is the full width / height of the scene, or want to place objects at screen edges etc. Here’s the code (ES6): const visibleHeightAtZDepth = ( depth, camera ) => { // compensate for cameras not positioned at z=0 const cameraOffset = camera.position.z; if ( depth < cameraOffset ) depth -= cameraOffset; else depth += c…