How to scale down/up a model for consistency

kreysix · May 16, 2023, 6:24am

Hello,
I have an interface wherein I can upload models. Now the issue is that some models are coming as very large and some very small even though with a scale of 1.0

Now this makes the model go outside the canvas viewport.

is there a way to fix this programmatically? Such that the model is always scaled down to fit inside the canvas bounds?

Thanks

Mugen87 · May 16, 2023, 10:53am

You often do it the other way around. Meaning you do not touch the object’s scale but update the camera’s position and view frustum so it encloses the object. This is done by computing the bounding box of the object and use it to derive updated camera parameters. Check out how gltf-viewer does it:

github.com

donmccurdy/three-gltf-viewer/blob/9394d8ec22ce770ca4d5cab814340646017cd4d3/src/viewer.js#L251-L284


      
          setContent ( object, clips ) {
          
          
  this.clear();
          
          
  object.updateMatrixWorld(); // donmccurdy/three-gltf-viewer#330
            
            const box = new Box3().setFromObject(object);
            const size = box.getSize(new Vector3()).length();
            const center = box.getCenter(new Vector3());
          
          
  this.controls.reset();
          
          
  object.position.x += (object.position.x - center.x);
            object.position.y += (object.position.y - center.y);
            object.position.z += (object.position.z - center.z);
            this.controls.maxDistance = size * 10;
            this.defaultCamera.near = size / 100;
            this.defaultCamera.far = size * 100;
            this.defaultCamera.updateProjectionMatrix();

This file has been truncated. show original

kreysix · May 16, 2023, 4:47pm

@Mugen87 Great approach, tried this and now the model was indeed in my canvas viewport.
But the issue is that I’m uploading this model to a DB.

Now on the user app, this model will already be scaled up (since we only modified the camera) such that when the user sees the model/or download, it’ll again be very huge.

Now in this case, Do you think it’ll be better to scale up/down the model dynamically?