title: Blender exported json file not loading in three.js
body: <p>I'm trying to load a simple blender exported json file into three.js. It's not loading and throwing the following error: </p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'transparent' of undefined
  h @ three.min.js:449
  h @ three.min.js:449
  render @ three.min.js:560
  render @ (index):53
  </code></pre>
  
  <p>What's happening here? What am I doing wrong?</p>
  
  <p><a href="http://plnkr.co/edit/m4VjQLeN6wVJVCpEMWcA?p=preview" rel="nofollow">Here's a plunker</a> (that includes the json file that's too big to load here). </p>
  
  <p>Here's my json loader: </p>
  
  <pre><code>// instantiate a loader
  var loader = new THREE.JSONLoader();
  
  // load a resource
  loader.load(
      // resource URL
      'sole.json',
      // Function when resource is loaded
      function ( geometry, materials ) {
          var material = new THREE.MeshFaceMaterial( materials );
          var object = new THREE.Mesh( geometry, material );
          scene.add( object );
      }
  );
  </code></pre>
  
  <p>** Edit: After reading around on SO I tried a different loader and got the following errors:</p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'type' of undefined
  THREE.ObjectLoader.parseObject @ three.js:13062
  THREE.ObjectLoader.parse @ three.js:12702
  (anonymous function) @ three.js:12673
  (anonymous function) @ three.js:11757
  </code></pre>
  
  <p>Here's the new loader that gave those errors: </p>
  
  <pre><code>var loader = new THREE.ObjectLoader();
              loader.load( 'sole.json', function ( object ) {
                          scene.add( object );
              } );
  </code></pre>
  
  <p>Line 12673 reads:  <code>scope.parse( JSON.parse( text ), onLoad );</code>
  Line 11757 reads:  <code>if ( onLoad ) onLoad( this.response );</code></p>
  
  <p>Here's the context of line 11757:</p>
  
  <pre><code>var request = new XMLHttpRequest();
          request.open( 'GET', url, true );
  
          request.addEventListener( 'load', function ( event ) {
  
              THREE.Cache.add( url, this.response );
  
              if ( onLoad ) onLoad( this.response );
  
              scope.manager.itemEnd( url );
  
          }, false );
  
          if ( onProgress !== undefined ) {
  
              request.addEventListener( 'progress', function ( event ) {
  
                  onProgress( event );
  
              }, false );
  
          }
  </code></pre>
  
  <p>So basically it's just not parsing the json file correctly :(</p>