Untitled

<head>
	<title>THREE.js by Youtube</title>
    <style>
        body{
            /* set margin to 0 and overflow to hidden, to go fullscreen */
            margin: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>
	<script type="text/javascript" src="../libs/three.js"></script>
    <script type="text/javascript" src="../libs/jquery-1.9.0.js"></script>
    <script type="text/javascript" src="../libs/stats.js"></script>
    <script type="text/javascript" src="../libs/dat.gui.js"></script>
    <script type="text/javascript" src="../libs/TrackballControls.js"></script>
    <script type="text/javascript" src="../libs/AsciiEffect.js"></script>


    <script type="text/javascript">
    	var container;
    	var camera,controls,scene,renderer;
    	var sphere,plane;
    	var start = Date.now();

    	init();

    	function init(){

    		var width = window.innerWidth;
    		var height =window.innerHeight;

    		container = document.createElement('div');
    		document.body.appendChild(container);

    		var info = document.createElement('div');
    		info.style.position = 'absolute';
    		info.style.top='10px';
    		info.style.width='100%';
    		info.style.textAlign='center';
    		info.innerHTML='Drag to change the view';
    		container.appendChild(info);

    		camera = new THREE.PerspectiveCamera(70,width/height,1,1000);
    		camera.position.y = 150;
    		camera.position.z = 500;

    		controls = new THREE.TrackballControls(camera);

    		scene = new THREE.Scene();

    		var light = new THREE.PointLight(0xffffff);
    		light.position.set(500,500,500);
    		scene.add(light);

    		var light = new THREE.PointLight(0xffffff,25);
    		light.position.set(-500,-500,-500);
    		scene.add(light);

    		var geometry = new THREE.SphereGeometry(200,20,10);
    		var material = new THREE.MeshLambertMaterial({shading: THREE.FlatShading,color:0xff0000});
    		sphere = new THREE.Mesh(geometry,material);

    		scene.add(sphere);

    		plane = new THREE.Mesh(new PlaneGeometry(400,400), new THREE.MeshBasicMaterial({
    			color:0xc0c0c0}) );
    		plane.position.y = - 200;
    		plane.rotation.x = - Math.PI/2;
    		scene.add(plane);

    		renderer = new THREE.CameraRenderer();
    		renderer.setSize(width,height);
    		container.appendChild(renderer.domElement);
    		renderer.render(scene,camera);
    	}
    </script>
</body>