title: reading data from external file
body: <p>I am new to both three.js and javascript so this might be a very noob question.</p>
  
  <p>I have a list of json objects in a  file which contains data as following:</p>
  
  <pre><code>[
  { "x":x,"y":y,"z":z ,"r":r},
  { "x":x2,"y":y2,"z":z2 ,"r":r2},
  { "x":x3,"y":y3,"z":z 3,"r":r3}
  ]
  </code></pre>
  
  <p>And render it on screen.</p>
  
  <p>Its exactly an example here: <a href="http://mrdoob.github.com/three.js/examples/webgl_materials2.html" rel="nofollow">http://mrdoob.github.com/three.js/examples/webgl_materials2.html</a></p>
  
  <p>except that sphere values I am reading from a file?</p>
  
  <p>How do i tweak the example above that i read the values from this file instead of directly hardcoding these values in js?</p>
  
  <p>Please help
  THanks</p>