title: THREE.js Using MeshPhongMaterial As Particle Material and Setting Size
body: <p>I am trying to create particles that have the properties of a Phong material (react to light), to achieve this I have used the "createMultiMaterialObject", this has worked on the most part other than ignoring the particle size, for some reason the particles seems to be weird triangle shapes, see below:</p>
  
  <p><img src="https://i.stack.imgur.com/Nkd4V.png" alt="enter image description here"></p>
  
  <p>This is the code I am using:</p>
  
  <pre><code>var ringGeometry = new THREE.TorusGeometry( rad, ringSize, 1, 200, Math.PI * 2);
  materials = [
  p2paterial = new THREE.MeshPhongMaterial({shading: THREE.SmoothShading, blending:     THREE.AdditiveBlending, transparent: true, color: ringColour, ambient: 0x000000, specular:     0xffffff, shininess: 1, vertexColors: false  } ),
  pmaterial = new THREE.ParticleBasicMaterial( { size: 1, transparent: true,     vertexColors: true  } )
          ];
  singleRing = new THREE.SceneUtils.createMultiMaterialObject(ringGeometry, materials);
  </code></pre>
  
  <p>Can anyone point me in the direction of how I can achieve the last bit, making the particles size 1 each - I'm so close to getting what I want that I suspect it's just an option I need to tweak somewhere.</p>