title: How to apply custom shader to sprite in THREE.js
body: <p>I want to be able to apply some procedural structures to faces. First task, when I faced such demand is to create billboard, on which is drawn nuclear blast in open space. I hoped to make it as a animated radial gradient and I have succeed partly.</p>
  
  <p>The main thing is for each fragment shader - to have access to <code>UV</code> as to uniform var.</p>
  
  <p>Seems like the main thing about rendering sprites - is to access to camera projection matrix in the vertex shader.</p>
  
  <p>Here's example <a href="http://goo.gl/A7pY01" rel="nofollow">http://goo.gl/A7pY01</a>!</p>
  
  <p>Now I want to draw this onto the billboard sprite. I supposed to use <code>THREE.Sprite</code> for this with <code>THREE.ShaderMaterial</code>, but had no luck in this. It seemed, that <code>THREE.SpriteMaterial</code> is only good material for sprites. And after inspecting some source-code I revealed why Sprites are draw in one special way using plugins.</p>
  
  <p>So, before I found myself  inventing  my own bicycle, I felt needness to ask people how to place my own custom shader on my own custom sprite without hacking THREE.js?</p>