Three.js: How to create a custom mesh?

Created on 12 Feb 2012 · 3Comments · Source: mrdoob/three.js

This didn't work:

var geom = new THREE.Geometry(); 
var v1 = new THREE.Vector3(0,0,10);
var v2 = new THREE.Vector3(0,500,10);
var v3 = new THREE.Vector3(500,500,10);

geom.vertices.push(new THREE.Vertex(v1));
geom.vertices.push(new THREE.Vertex(v2));
geom.vertices.push(new THREE.Vertex(v3));
geom.faces.push( new THREE.Face3( 0, 1, 2 ) );

var object = new THREE.Mesh( geom, new THREE.MeshNormalMaterial() );
scene.addObject(object);

Question

Source

ghost

Most helpful comment

var geom = new THREE.Geometry(); 
var v1 = new THREE.Vector3(0,0,10);
var v2 = new THREE.Vector3(0,500,10);
var v3 = new THREE.Vector3(500,500,10);

geom.vertices.push(new THREE.Vertex(v1));
geom.vertices.push(new THREE.Vertex(v2));
geom.vertices.push(new THREE.Vertex(v3));
geom.faces.push( new THREE.Face3( 0, 1, 2 ) );
geom.computeFaceNormals(); // your geometry needs normals if you want to use MeshNormalMaterial

var object = new THREE.Mesh( geom, new THREE.MeshNormalMaterial() );
scene.add(object); // scene.addObject is supposed to be used internally only, sorry about that.

mrdoob on 12 Feb 2012

❤2

All 3 comments

var geom = new THREE.Geometry(); 
var v1 = new THREE.Vector3(0,0,10);
var v2 = new THREE.Vector3(0,500,10);
var v3 = new THREE.Vector3(500,500,10);

geom.vertices.push(new THREE.Vertex(v1));
geom.vertices.push(new THREE.Vertex(v2));
geom.vertices.push(new THREE.Vertex(v3));
geom.faces.push( new THREE.Face3( 0, 1, 2 ) );
geom.computeFaceNormals(); // your geometry needs normals if you want to use MeshNormalMaterial

var object = new THREE.Mesh( geom, new THREE.MeshNormalMaterial() );
scene.add(object); // scene.addObject is supposed to be used internally only, sorry about that.

mrdoob on 12 Feb 2012

❤2

What a fast answer. Thank you very much! Are you still working on the project? Do you need something?

ghost on 13 Feb 2012

Yup!

https://github.com/mrdoob/three.js/commits/dev

Not sure what's needed to be honest... I think we just need time :D

mrdoob on 13 Feb 2012

❤1

Was this page helpful?

0 / 5 - 0 ratings