Custom 3D object by coordinates using THREE.js

Question

I have an array of (x,y,z) of vertices coordinates. And array of facets which contains indexes of vertices (from first array) for each facet (whereby each facet can have a different number of vertices).

How can I make custom 3D object using these data?

kovacsv · Accepted Answer · 2014-11-11 08:28:39Z

2

If you have only convex polygons, you can do something like this. The second loop creates triangle strip from your convex polygons.

var vertices = [
    0, 0, 0,
    1, 0, 0,
    1, 1, 0,
    0, 1, 0,
    0, 0, 1
];

var faces = [
    [0, 1, 2, 3],
    [0, 3, 4]
];

var geometry = new THREE.Geometry ();
var i, j, face;
for (i = 0; i < vertices.length; i += 3) {
    geometry.vertices.push (new THREE.Vector3 (
        vertices[i],
        vertices[i + 1],
        vertices[i + 2]
    ));
}

var i, j, face;
for (i = 0; i < faces.length; i++) {
    face = faces[i];
    for (j = 1; j < face.length - 1; j++) {
        geometry.faces.push (new THREE.Face3 (face[0], face[j], face[j + 1]));
    }
}

Here is a fiddle with the whole code: http://jsfiddle.net/g25v5t0k/

answered Nov 11, 2014 at 8:28

kovacsv

6875 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Custom 3D object by coordinates using THREE.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related