title: converting & loading models in three.js
body: <p>I'm using Autodesk Fusion 360 to create some assemblies and I'd like to be able to display them using a three.js app.</p>
  
  <p>Fusion can download any of the following formats: F3D (own format), Inventor 2014, IGES, SAT, SMT, STEP, DWG, DXF, STL (binary) &amp; FBX.</p>
  
  <p>My current workflow is Fusion 360 -> STL -> MeshLab -> OBJ &amp; MTL -> three.js</p>
  
  <p>This gives the following results:</p>
  
  <ul>
  <li>In Fusion 360: external faces are solid red, internal ones are white (removed this because I can only post two links)</li>
  <li>In MeshLab: <a href="http://i.stack.imgur.com/89yXy.png" rel="nofollow">MeshLab</a> - faces are solid blue (actually, I didn't think STL carried any colour information, so I'm not sure how it has worked out that outside faces are one colour and internal faces are a different one) and otherwise it is an accurate representation of what I see in Fusion</li>
  <li>In three.js: <a href="http://i.stack.imgur.com/hexl4.png" rel="nofollow">three.js</a> - face colours are now shaded following the triangles.</li>
  </ul>
  
  <p>Based on answers to other questions, I've tried using <code>object.geometry.computeVertexNormals()</code> and <code>mergeVertices()</code> in the <code>onLoad</code> function, but I get the error "cannot read property ... of undefined", which seems to mean there is no geometry object.</p>
  
  <p>So, my questions are:</p>
  
  <ol>
  <li>Is this the best workflow?</li>
  <li>Is there a way to get real material info from Fusion to three.js?</li>
  <li>How can I smooth out the faces?</li>
  </ol>
  
  <p>Thanks.</p>