title: Extrude Geometry in three.js
body: <p>I'm currently loading an STL onject into my three.js scene.</p>
  
  <p>For some reason, it takes a lot of GPU resources to render/animate, slowing the entire scene down so I've been considering alternatives.</p>
  
  <p>As it's quite a simple shape, I thought I could use create the 2D shape and extrude it.</p>
  
  <p>The 3D shape is a square frame (<em>it's a photo frame</em>), no curves or any other clever geometry.  </p>
  
  <p>Initially, I thought about creating 4x 3D oblongs, rotating each one by 90 degrees and placing them just right in the scene to make it look like a frame - but that's not ideal.</p>
  
  <p><a href="https://i.stack.imgur.com/OtP83.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OtP83.jpg" alt="Here&#39;s a 2D shape  (it&#39;s perfectly square):"></a> </p>
  
  <p><a href="https://i.stack.imgur.com/9cLjU.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9cLjU.jpg" alt="And here&#39;s a preview of the STL model"></a></p>
  
  <p>So as an alternative to loading the STL model into the scene, how can I create this shape in three.js (<em>with empty space in the centre</em>) and then extrude it to give it some depth?</p>