How to Load an OBJMTL Object Using Three.js and Retrieve the Geometry Parameter of the Mesh

Question

How to Load an OBJMTL Object Using Three.js and Retrieve the Geometry Parameter of the Mesh

After loading an MTLOBJ successfully, I came across the issue of trying to access the Geometry attribute of the object in order to retrieve the vertices. It appears that it is loading an Object3D instead of a Mesh, making it difficult to find a solution.

Mrdoob suggests retrieving the parsed data, but the parameters used in the parse function are set as private, causing further frustration.

Despite my efforts to extract the vertices parameters from the geometry parameter within the mesh, I have been unable to find a solution even after consulting the documentation.

javascript three.js geometry mesh vertices

Answer 1

Answer №1

To locate the geometric elements within the hierarchy, you can follow these steps:

object.traverse( function ( child ) {

    if ( child.geometry !== undefined ) {

        console.log( child.geometry.vertices );

    }

} );

Answer 2

To locate the geometric elements within the hierarchy, you can follow these steps:

object.traverse( function ( child ) {

    if ( child.geometry !== undefined ) {

        console.log( child.geometry.vertices );

    }

} );

Answer 3

Answer №2

After conducting thorough research, it became evident that the Object3D is actually comprised of Meshes.

When loading an OBJMTL file (.obj and .mtl), the Object3D named 'modele' had the Mesh accessible through modele.children[0] and the array of vertices in geometry through modele.children[0].geometry.vertices.

I was seeking a way to ensure that the object I assigned to my 'modele' was indeed the Mesh with its geometry parameter. Thank you, Mr. Doob, for providing clarity on this.

function loadModel(obj, mtl) {
    loader.load(obj, mtl, function ( object ) {
        modele = object;
        //loadingDone = true;
        analyseModel();
        //putModel();
    });
}

function analyseModel() {
    analyser = new AnalyseObj(modele.children[0]); //Providing the Mesh of my model
}

Answer 4

After conducting thorough research, it became evident that the Object3D is actually comprised of Meshes.

When loading an OBJMTL file (.obj and .mtl), the Object3D named 'modele' had the Mesh accessible through modele.children[0] and the array of vertices in geometry through modele.children[0].geometry.vertices.

I was seeking a way to ensure that the object I assigned to my 'modele' was indeed the Mesh with its geometry parameter. Thank you, Mr. Doob, for providing clarity on this.

function loadModel(obj, mtl) {
    loader.load(obj, mtl, function ( object ) {
        modele = object;
        //loadingDone = true;
        analyseModel();
        //putModel();
    });
}

function analyseModel() {
    analyser = new AnalyseObj(modele.children[0]); //Providing the Mesh of my model
}

How to Load an OBJMTL Object Using Three.js and Retrieve the Geometry Parameter of the Mesh

Answer №1

Answer №2

Similar questions

Problem with div selection and dynamic content in Rails 5

HTML/PHP/JS - Submit Form and Upload File Simultaneously

Press the button to access the URL within the current window

How can Angular 2 and Firebase be used to search for an email match within all Firebase authentication accounts?

Authentication using tokens - JSON Web Tokens

What is the best way to incorporate Form Projection into Angular?

The Javascript Image() function fails to load or render

Using Node.js to alter an existing JSON file

Adding custom data attributes to HTML tags in Vue.js

Keep going in the for await loop in NodeJS

Creating URL query parameters for a nested REST API: A step-by-step guide

JavaScript code may fail to load on initial page load

What is the specific table element compatible with Polymer3?

Populate my empty arrays with information retrieved from Firebase

Arrange components within the form

Experiencing difficulties when utilizing Jest to test components

React Router 4 - Optimizing Component Refresh by Remounting Instead of Re-Rendering

Utilize Axios to send data in real-time to update any changes made to an input field in

Using Three.js shaders to enhance node appearance

The dropdown menu is erroneously showing buttons instead of the intended options