title: How to add object to scene?
body: <p>I have code like this:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script src="js/three.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
          function init()
          {
              var scene = new THREE.Scene();
              var camera = new THREE.PerspectiveCamera(0, window.innerWidth / window.innerHeight, 100, 100);
              var renderer = new THREE.WebGLRenderer();
              renderer.setSize(1000, 1000);
              document.body.appendChild(renderer.domElement);
  
              var sphere_geometry = new THREE.SphereGeometry(150);
              var material1 = new THREE.MeshPhongMaterial({ color: 0x0033ff, specular: 0x555555 });
              var sphere_mesh = new THREE.Mesh(sphere_geometry, material1);
  
              scene.add(sphere_mesh);
  
  
              renderer.render(scene, camera);
          }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onload="init()"&gt;
      &lt;canvas id="mycanvas" width="100" height="100"&gt;&lt;/canvas&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and i can't add a sphere into the scene. The only thing that i get is black square. How can I do it?</p>