Scaling Issue with 3D Model

Questions
1

Hello Three.js Community,

I’m working on an AR glasses try-on project using Three.js, and I’m encountering an issue with scaling my 3D model (glasses). I’m using the Three.js library to display and scale a 3D glasses model on a user’s face.

The issue:

I’ve managed to load the 3D model of the glasses, but I’m having trouble scaling it correctly in relation to the user’s face. The model either appears too large or too small when overlaying it on the face in the AR scene. I’ve tried adjusting the scale using model.scale.set(x, y, z) but the result doesn’t seem to match the face’s size correctly.

What I’ve tried:

  • Adjusting the scale manually via the scale.set() method.
  • Using THREE.Box3() to calculate the bounding box and then adjust the scale based on the box’s size.
  • Attempting to resize the model in Blender before loading it.