title: distorted Mesh with threejs
body: <p>Hi I am trying to draw a model in threejs.<br>
  I tried drawing it with lines resulting in <a href="https://i.stack.imgur.com/7zPZI.png" rel="nofollow noreferrer">a correct representation of the bim model</a>.<br>
  Drawing it with a mesh results in <a href="https://i.stack.imgur.com/tvDC0.png" rel="nofollow noreferrer">a distorted model</a></p>
  
  <p>My approach to drawing it with a Mesh is </p>
  
  <pre><code>let vertices = [];
  for (let part of this.BUILDINGINFORMATION) {
    for (let point of part.Polyhedron.Points) {
      vertices.push(point);
    }
  }
  let holes = [];
  let triangles, mesh;
  this.GEOMETRY= new THREE.Geometry();
  this.GEOMETRY.vertices = vertices;
  triangles = new THREE.ShapeUtils.triangulateShape(vertices, holes);
  for (let i = 0; i &lt; triangles.length; i++) {
    this.GEOMETRY.faces.push(new THREE.Face3(triangles[i][0], triangles[i][1], triangles[i][2]));
  }
  let material = new THREE.MeshBasicMaterial();
  let mesh = new THREE.Mesh(this.GEOMETRY, material);
  </code></pre>