title: How to texture a three.js Mesh created with ShapeGeometry
body: <p>I'm trying to place a bitmap texture material on a Mesh created from a three.js ShapeGeometry.</p>
  
  <p>The geometry is a simple octagon (i'll eventually add curves to make it a rounded rectangle).</p>
  
  <p>The Mesh is created and displays just fine, except that the bitmap texture shows as four huge squares, which seems to be super-duper low-resolution version of the loaded image.</p>
  
  <p>Here's what it looks like: <img src="https://i.stack.imgur.com/zUv1m.jpg" alt="http://imgur.com/KYFVGAn"></p>
  
  <p>(The loaded image is actually a 512x512 pic of the French flag)</p>
  
  <p>How can I get the texture to use the full resolution of the loaded image?  (BTW, this texture works fine when applied as a material to a Mesh made from a THREE.PlaneGeometry.)</p>
  
  <p>Here's my code...</p>
  
  <pre><code>var shape = new THREE.Shape();
  shape.moveTo(-width/2 + radius, height/2);
  shape.lineTo(width/2 - radius, height/2);
  shape.lineTo(width/2, height/2 - radius);
  shape.lineTo(width/2, -height/2 + radius);
  shape.lineTo(width/2 - radius, -height/2);
  shape.lineTo(-width/2 + radius, -height/2);
  shape.lineTo(-width/2, -height/2 + radius);
  shape.lineTo(-width/2, height/2 - radius);
  shape.lineTo(-width/2 + radius, height/2);
  var myGeometry = new THREE.ShapeGeometry( shape );
  
  var myMesh = new THREE.Mesh(myGeometry, myMaterial);
  </code></pre>
  
  <p>Thanks!!!</p>