Is it possible to retrieve the vertices array from a QuickHull instance in three.js?

Question

Is it possible to retrieve the vertices array from a QuickHull instance in three.js?

I'm currently working on generating a geometry using QuickHull from a THREE Mesh. However, it seems that the QuickHull object only contains information pertaining to the Faces of the mesh.

Does anyone know if there is a way to access the vertex information from this particular instance?

Appreciate any help provided in advance.

const hull = new QuickHull().setFromObject(mesh) //The 'mesh' variable represents an already rendered object
//hull.vertices //This line returns the entire geometry rather than just the vertices of the hull

javascript three.js 3d

Answer 1

Answer №1

Indeed, it is completely feasible. Here's a suggested way to approach it:

const hull = new THREE.QuickHull().setFromObject( mesh );
const vertices = [];

const faces = quickHull.faces;

for ( let i = 0; i < faces.length; i ++ ) {

    const face = faces[ i ];
    let edge = face.edge;

    do {

        const point = edge.head().point;

        vertices.push( point.x, point.y, point.z );

        edge = edge.next;

    } while ( edge !== face.edge );

}

The key here is to utilize the half-edges of the faces in order to gather all vertices in the proper sequence.

Answer 2

Indeed, it is completely feasible. Here's a suggested way to approach it:

const hull = new THREE.QuickHull().setFromObject( mesh );
const vertices = [];

const faces = quickHull.faces;

for ( let i = 0; i < faces.length; i ++ ) {

    const face = faces[ i ];
    let edge = face.edge;

    do {

        const point = edge.head().point;

        vertices.push( point.x, point.y, point.z );

        edge = edge.next;

    } while ( edge !== face.edge );

}

The key here is to utilize the half-edges of the faces in order to gather all vertices in the proper sequence.

Is it possible to retrieve the vertices array from a QuickHull instance in three.js?

Answer №1

Similar questions

tips for uploading image data using JavaScript

Observing the timepiece malfunctioning beyond expectations

Is it possible for Vue to retrieve refs on mounted during nextTick following the dynamic import of the component?

If an error occurs later in the function, `console.log` will not function properly

Guide on exporting a function from a module as a class property

Warning: ComponentMounts has been renamed. Proceed with caution

Getting the button element in Angular when submitting a form

Check for the presence of an Outlook add-in within a web application

Is it possible to adjust the size of a p5.js canvas within a bootstrap Div container?

How to use AJAX to retrieve data from a JSON file hosted on an external URL?

Would it be considered poor design to send back a partial view with just a simple JavaScript alert in my ASP.NET MVC application?

Stopping free jqgrid disabled toolbar buttons from reacting to mouse clicks can be achieved by implementing specific coding techniques that

Vuex - modify store state without changing the original object

Issues with POST data not being received by MVC 4 APIController

"Is it possible to rearrange the parent div's position when hovering over a child image with jquery sortable

React is informing that the `toggleNode` prop is not recognized on this particular DOM element

activating javascript function in rails when the page reloads

Loading message displayed in web browsers by banner rotation system

Using Laravel to retrieve the selected value of a dynamically generated radio button through a for loop in jQuery

What is the best way to create a universal variable that can be accessed across all routes in an Express/