Create index.html

TLobes · Jan 6, 2015 · c851349 · c851349
1 parent e57ba41
commit c851349
Showing 1 changed file with 47 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,47 @@
+<html>
+	<head>
+		<title>Scene Test - Radio Map</title>
+		<style>
+			body { margin: 0; }
+			canvas { width: 100%; height: 100% }
+		</style>
+	</head>
+	<body>
+		<!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r69/three.js"></script>
+		-->
+		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r69/three.min.js"></script>
+
+		<script type="text/javascript">
+			var renderer = new THREE.WebGLRenderer( {antialiasing: true} );
+			renderer.setClearColor( 0x111111, 1 );
+			renderer.setSize( window.innerWidth, window.innerHeight );
+			document.body.appendChild( renderer.domElement );
+
+			var scene = new THREE.Scene();
+			var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.01, 1000 );
+
+			camera.position.z = 1.5;
+
+			var light = new THREE.AmbientLight( 0x888888 );
+			scene.add( light );
+
+			var light = new THREE.DirectionalLight( 0xcccccc, 1 );
+			light.position.set(5,3,5);
+			scene.add( light );
+
+			var geometry = new THREE.SphereGeometry(0.5, 32, 32);
+			var material = new THREE.MeshPhongMaterial();
+			var earthMesh = new THREE.Mesh(geometry, material);
+			//material.map = THREE.ImageUtils.loadTexture('http://flatplanet.sourceforge.net/maps/images/earth.jpg');
+			scene.add(earthMesh);
+
+			var render = function () {
+				requestAnimationFrame( render );
+
+				renderer.render(scene, camera);
+			};
+
+			render();
+		</script>
+	</body>
+</html>