Practica webGL mundo

en esta practica se realizo una recepción de el planeta tierra con el uso de la librería three.js, para esto se creo un archivo html. y un código script para el agregado de las figuras e imágenes que contiene la esfera.
<!DOCTYPE html>
 <html >
<head>
    <meta charset="utf-8" />
    <meta content="J" name="author" />
    <meta content="Tierra girando con threeJS" name="" />
    <meta content="" name="keywords" />
    <title>Planeta</title>
    <script type="text/javascript" src="three.js"></script>
    <style>
        body {
            margin: 0px;
            overflow: hidden;
        }
    </style>
</head>
<body>

    <script type="text/javascript">
var camera;
var scene;
var renderer;


init();
animate();

function init() {

   
    /* ---------- ESCENA Y CAMARA --------*/
    scene = new THREE.Scene();
    camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000);

    /* ------ RENDER --------- */
    renderer = new THREE.WebGLRenderer();
    renderer.setSize( window.innerWidth, window.innerHeight );
    document.body.appendChild( renderer.domElement );
    window.addEventListener( 'resize', onWindowResize, false );
    render();

   
    /* -------- LUZ ------------- */
    var sol = new THREE.DirectionalLight( 0xffffff , 1.5);
    sol.position.set( -10, 5, 0 ).normalize();
    scene.add(sol);


    /* ---------- GEOMETRIA --------------*/
    var geoTierra = new THREE.SphereGeometry( 10, 32, 32);
    //creamos una textura
    var txTierra = new THREE.MeshPhongMaterial( { map: THREE.ImageUtils.loadTexture('earth.jpg') } );
    //enlazamos geometría y textura.
    meshTierra = new THREE.Mesh( geoTierra, txTierra );
    //colocamos y añadimos a la escena.
    meshTierra.position.z = -50;
    scene.add( meshTierra );
   
}
   //anima el movimiento de la Tierra.
   function animate() {
       meshTierra.rotation.y += .01;
       render();
       requestAnimationFrame( animate );
   }
  //renderiza la escena en la cámara.
  function render() {
       renderer.render( scene, camera );
  }
  //cambia el tamaño en función del tamaño de la ventana.
  function onWindowResize() {
      camera.aspect = window.innerWidth / window.innerHeight;
      camera.updateProjectionMatrix();
      renderer.setSize( window.innerWidth, window.innerHeight );
      render();
  }
  render();
 
    </script>
</body>
</html>