title: Select Hexagonal Face in OctahedronGeometry THREE.js
body: <p>I have a geodesic sphere - which was created using <code>THREE.OctahedronGeometry</code> -  I would like to group triangular faces into hexagonal faces, so they can be selected. I'm at a loss about how to approach this problem or if it's even feasible. Any insight would be appreciated. </p>
  
  <p>Here's an example:
  <img src="https://i.stack.imgur.com/bswKU.jpg" alt="enter image description here"></p>
  
  <pre><code>createGeodesicSphere =-&gt;
          geometry = new THREE.OctahedronGeometry(200, 3)
          material = new THREE.MeshBasicMaterial({
              color        : 0xFFFFFF,
              shading      : THREE.FlatShading,
              side         : THREE.DoubleSide,
              vertexColors : THREE.FaceColors,
              overdraw     : true 
              })
  
          # Explode geometry so each face has unique vertices
          explodeModifier = new THREE.ExplodeModifier()
          explodeModifier.modify(geometry)
  
          geodesicMesh = new THREE.Mesh(geometry , material)
          geodesicFaces = geometry.faces  
  
          for i in [0..geodesicFaces.length-1]
              geodesicFaces[i].color.setRGB(Math.random(), Math.random(), Math.random())
  
          geodesicMesh.position.x = 0
          geodesicMesh.position.y = 0
          geodesicMesh.position.z = 0
  
          scene.add(geodesicMesh)
  </code></pre>