title: Importing a JSON model into Three.js - Nothing showing
body: <p>I'm using the following code and have been through the posts and definitely all the wiki and so forth.  No matter what .js JSON object I use, nothing appears in the browser window.  There are no flags in the browser console and I am prepared to run locally.  What is missing/done wrong?</p>
  
  <p>
      </p>
  
  <pre><code>&lt;body&gt;
  
      &lt;script src="http://threejs.org/build/three.js"&gt;&lt;/script&gt;
      &lt;script&gt;
  
          var scene = new THREE.Scene();
          var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);
  
          var geometry;
  
          var renderer = new THREE.WebGLRenderer();
          renderer.setSize(window.innerWidth, window.innerHeight);
          document.body.appendChild(renderer.domElement);
  
          var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
  
          loader = new THREE.JSONLoader();
  
          loader.load( "LeePerrySmith.js", function( geometry ) {
  
              mesh = new THREE.Mesh( geometry, new THREE.MeshBasicMaterial() );
              mesh.scale.set( 10, 10, 10 );
              mesh.position.y = 0;
              mesh.position.x = 0;
              mesh.scale.set( 100, 100, 100 );
              scene.add( mesh );
              mesh.side = THREE.DoubleSide;
              alert("hit");
  
              } );
  
  
          camera.position.z = 5;
  
          var render = function () {
              renderer.render(scene, camera);
          };
  
          render();
  
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <hr>
  
  <h2>NEW CODE</h2>
  
  <p></p>
  
  <pre><code>&lt;script src="http://threejs.org/build/three.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
      var scene = new THREE.Scene();
      var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);
  
      var geometry;
  
      var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
      var mesh = new THREE.Mesh( geometry, material );
  
      loader = new THREE.JSONLoader();
  
      loader.load( "LeePerrySmith.js", function( geometry ) {
  
          mesh = new THREE.Mesh( geometry, new THREE.MeshBasicMaterial() );
          mesh.scale.set( 10, 10, 10 );
          mesh.position.y = 0;
          mesh.position.x = 0;
          mesh.scale.set( 100, 100, 100 );
          scene.add( mesh );
          mesh.side = THREE.DoubleSide;
          alert("hit");
          render();
  
          } );
  
  
      camera.position.z = 1000;
  
      var renderer = new THREE.WebGLRenderer();
      renderer.setSize(window.innerWidth, window.innerHeight);
      document.body.appendChild(renderer.domElement);
  
      var render = function () {
          renderer.render(scene, camera);
      };
  
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p></p>