var container = document.querySelector('#container'),

    camera,

    scene,

    img_src = 'http://micl.in/cors/crossfade.jpg',

    geo,

    mat,

    mesh_basic,

    mesh_phong;

​

function init() {

  camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 6000 );

  scene = new THREE.Scene();

  THREE.ImageUtils.crossOrigin = '';

  tx = THREE.ImageUtils.loadTexture( img_src );

  tx.wrapS = THREE.RepeatWrapping;

  tx.minFilter = THREE.NearestFilter;

​

  var particleLight = new THREE.Mesh( new THREE.SphereGeometry( 4, 4, 4 ), new THREE.MeshBasicMaterial( { color: 0xffffff } ) );

  var pointLight = new THREE.PointLight( 0xffffff, 1 );

​

  particleLight.position.set(0, 0, 100);

  particleLight.add( pointLight );

​

  scene.add( particleLight );

  geo = new THREE.PlaneGeometry( 256, 256, 1 );

  mat = new THREE.MeshBasicMaterial({

    map: tx,

    side: THREE.DoubleSide

  });

  mesh_basic = new THREE.Mesh( geo, mat );

  mesh_basic.position.set( -180, 0, -100 );

  mesh_basic.scale.x = -1;

  scene.add( mesh_basic );

​

  geo = new THREE.PlaneGeometry( 256, 256, 1 );

  mat = new THREE.MeshPhongMaterial({

    map: tx,

    side: THREE.DoubleSide

  });

  mesh_phong = new THREE.Mesh( geo, mat );

  mesh_phong.position.set( 180, 0, -100 );

  mesh_phong.scale.x = -1;

​

  scene.add( mesh_phong );

  camera.position.set( 0, 0, 1000 );

  renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } );

  renderer.setPixelRatio( window.devicePixelRatio );

  renderer.setClearColor( 0x999999, 1 );

  renderer.setSize( window.innerWidth, window.innerHeight );

  container.appendChild( renderer.domElement );

}

​

function render() {

  renderer.render( scene, camera );

}

​

function animate() {

  requestAnimationFrame( animate );

  render();

}

​

init();

animate();

​