title: How do I load collada object to three.js?
body: <p>I'm new to three.js and am having trouble loading a collada object to it. I can't get home.dae to render in the browser.</p>
  
  <p>I updated the code under SECOND UPDATE based on the answers.</p>
  
  <pre><code>        // INITIAL
  
          var scene = new THREE.Scene();
          var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);
  
          var renderer = new THREE.WebGLRenderer();
          renderer.setSize(window.innerWidth, window.innerHeight);
          document.body.appendChild(renderer.domElement);
  
          var loader = new THREE.ColladaLoader();
          loader.load('home.dae', function(collada){
              scene.add(collada);
          });
  
          function render() {
            renderer.render(scene, camera);
          }
  
          render();
  
  
          // SECOND UPDATE
  
          var scene = new THREE.Scene();
          var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);
          camera.position.set(0,1,4);
          camera.lookAt(scene.position);
  
          var renderer = new THREE.WebGLRenderer();
          renderer.setSize(window.innerWidth, window.innerHeight);
          document.body.appendChild(renderer.domElement);
  
          var loader = new THREE.ColladaLoader();
  
          loader.load('home.dae', function(collada){
              scene.add(collada.scene);
          });
  
          function render() {
              requestAnimationFrame(render);
              renderer.render(scene, camera);
          }
  
          render();
  </code></pre>