THREE.ImageUtils.crossOrigin = "";

var camera, scene, renderer;
var geometry, material, mesh;

init();
animate();

function init() {

  camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 10000);
  camera.position.z = 250;

  scene = new THREE.Scene();

  geometry = new THREE.BoxGeometry(100, 100, 100);
  diffuse = THREE.ImageUtils.loadTexture( "https://s3-us-west-2.amazonaws.com/s.cdpn.io/25480/spirit.jpg" );

  var material = new THREE.MeshPhongMaterial({map: diffuse});

  mesh = new THREE.Mesh(geometry, material);
  scene.add(mesh);

  directionalLight = new THREE.DirectionalLight( 0xffffff );
  directionalLight.position.set( 1, 10, 50 );
  scene.add( directionalLight );

  renderer = new THREE.WebGLRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);
  
  renderer.setClearColorHex(0x00007F, 1);
  
  mesh.rotation.x = 0.4;

  document.body.appendChild(renderer.domElement);

}

function animate() {

  requestAnimationFrame(animate);

  mesh.rotation.y += 0.01;

  renderer.render(scene, camera);

}