defHLT/min.html

## min.html
<html>
  <head>
    <title>My first Three.js app</title>
    <style> body { margin: 0; } canvas { width: 100%; height: 100% } </style>
    <script src="js/three.min.js"></script>
    <script src="js/TrackballControls.js"></script>
  </head>
  <body>
    <script>

    var scene = new THREE.Scene();
    var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
    var renderer = new THREE.WebGLRenderer();
    renderer.setSize( window.innerWidth, window.innerHeight );
    document.body.appendChild( renderer.domElement );

    var geometry = new THREE.SphereGeometry( 2, 50, 50 );
    var texture = THREE.ImageUtils.loadTexture('earthx.jpg');
    var material = new THREE.MeshBasicMaterial( { wireframe: false, map: texture } );
    var cube = new THREE.Mesh( geometry, material );
    scene.add( cube );
    camera.position.z = 5;

    var trackball = new THREE.TrackballControls(camera);


    function render() {
      requestAnimationFrame( render );

      cube.rotation.y += 0.01;

      renderer.render( scene, camera );
      trackball.update();
    }
    render();

  </script>
</body>
</html>
	<html>
	<head>
	<title>My first Three.js app</title>
	<style> body { margin: 0; } canvas { width: 100%; height: 100% } </style>
	<script src="js/three.min.js"></script>
	<script src="js/TrackballControls.js"></script>
	</head>
	<body>
	<script>

	var scene = new THREE.Scene();
	var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
	var renderer = new THREE.WebGLRenderer();
	renderer.setSize( window.innerWidth, window.innerHeight );
	document.body.appendChild( renderer.domElement );

	var geometry = new THREE.SphereGeometry( 2, 50, 50 );
	var texture = THREE.ImageUtils.loadTexture('earthx.jpg');
	var material = new THREE.MeshBasicMaterial( { wireframe: false, map: texture } );
	var cube = new THREE.Mesh( geometry, material );
	scene.add( cube );
	camera.position.z = 5;

	var trackball = new THREE.TrackballControls(camera);


	function render() {
	requestAnimationFrame( render );

	cube.rotation.y += 0.01;

	renderer.render( scene, camera );
	trackball.update();
	}
	render();

	</script>
	</body>
	</html>