title: Three.js wont render on canvas
body: <p>I loaded the script in index.html but when I open the page it shows the rendered but nothing inside, nothing renderer, I can't find the problem</p>
  
  <p>Here is the code of external .js:</p>
  
  <pre><code>var wdt     = $('.design').width();
  var hgh     = $('.design').height();
  
  var scene       = new THREE.Scene();
  var camera      = new THREE.Camera(75, wdt/hgh, 0.1, 1000);
  
  var renderer    = new THREE.WebGLRenderer({ alpha: true });
  renderer.setSize(wdt, hgh);
  document.getElementById('designer').appendChild(renderer.domElement);
  
  var geometry = new THREE.CubeGeometry(1,1,1);
  var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
  var cube = new THREE.Mesh(geometry, material);
  scene.add(cube);
  
  camera.position.z = 5;
  
  var render = function () {
  requestAnimationFrame(render);
  
  cube.rotation.x += 0.1;
  cube.rotation.y += 0.1;
  
  renderer.render(scene, camera);
  };
  
  render();
  </code></pre>
  
  <p>Can anybody help please?</p>