Autodesk Forge AggregatedView viewing a "stitched" geometry rather than a smooth one

Question

I have a simple forge app to view 3d models. At first, I initiated the forge viewer with GuiViewer3D class but then wanted to implement AggregatedView instead.

My problem is that AggregatedView shows the model correctly but it shows it as being "stitched" together. Whereas, if I use GuiViewer3D or Viewer3D, the model looks smooth and clean.

I have looked into the globalOffset but in any solution, the globalOffset is the same, and hence should not be the cause here.

This is how the model should look like (GuiViewer3D)

But this is how it looks like instea using AggregatedView

I am not quite sure what the issue here. I am using an .fbx file as the source of 3d model.

This the code of AggregatedView()

var view = new Autodesk.Viewing.AggregatedView();
function launchViewer(urn) {
  var options = {
    env: 'AutodeskProduction',
    getAccessToken: getForgeToken 
  };
  Autodesk.Viewing.Initializer(options, () => {
    var htmlDiv = document.getElementById('forgeViewer');
    
    view.init(htmlDiv, options);
    var documentId = 'urn:' + urn; 
    view.unloadAll();
    Autodesk.Viewing.Document.load(documentId, onDocumentLoadSuccess, onDocumentLoadFailure);
  });
}
function onDocumentLoadSuccess(doc) {
var nodes = doc.getRoot().search({ role:'3d', type: 'geometry' });
console.log(nodes);
view.setNodes(nodes[0]);
}

function onDocumentLoadFailure(viewErrorCode, viewErrorMsg) {
  console.error('onDocumentLoadFailure() - errorCode:' + viewErrorCode + '\n- errorMessage:' + viewErrorMsg);
}
function getForgeToken(callback) {
  fetch('/api/forge/oauth/token').then(res => {
    res.json().then(data => {
      callback(data.access_token, data.expires_in);
    });
  });
}

Many thanks in advance!

---

UPDATE: After setting the global offset to (0,0,0), the geometry still looks "Stitched" together rather than smooth.

Answer 1

The pivot point is not the global offset. Please use viewer.getAllModels().map( model => model.getGlobalOffset() ) to check that instead. For AggreagateView, you can get the viewer instance via view.viewer;

In addition, AggreagateView loads models in the shared coordinate (applyRefPoint: true), so your model might be far away from the viewer's origin. Could you try this to see if it helps?

const options3d = {
  getCustomLoadOptions: (bubble, data) => {
    console.log(bubble, data);

    return {
      applyRefPoint: false //!<<< Disable Share Coordinate
      // globalOffset: new THREE.Vector3( 543.0811920166016, 9.154923574611564, -1442.591747316564 ) //!<<< uncomment this to specify your globalOffset, but you need to include `applyRefPoint: false` above together.
      // createWireframe: false
    };
  }
};

view.init(viewerDiv, options3d);