diff --git a/index.html b/index.html
index 67a6d7a..0485129 100644
--- a/index.html
+++ b/index.html
@@ -4,28 +4,47 @@
 			body { margin: 0; }
 			canvas { width: 100%; height: 100% }
 		</style>
-        <script src="/node_modules/three.js/node_modules/three/three.min.js"></script>
+        <script src="/node_modules/three/three.min.js"></script>
 <script>
     
     function init() {
         var scene = new THREE.Scene();
-        var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
+        var camera = new THREE.PerspectiveCamera( 45, 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.BoxGeometry( 1, 1, 1 );
-        var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
+        var material = new THREE.MeshLambertMaterial( { color: 0x00ff00 } );
         var cube = new THREE.Mesh( geometry, material );
         scene.add( cube );
+        
+        var grid = new THREE.GridHelper(100, 10);
+        scene.add(grid);
 
-        camera.position.z = 5;
+        camera.position.z = 10;
+        camera.position.y = 5;
+        camera.rotation.x = -30 * Math.PI / 180;
+        
+        var makelight = function(x,y,z,strength) {
+            var directionalLight = new THREE.DirectionalLight( 0xffffff, strength );
+            directionalLight.position.set( x, y, z );
+            scene.add( directionalLight );
+        };
         
+        makelight(-.5,1,.5, 1);
+        makelight(.5,1,.5, .5);
+        makelight(0,-1,0, .5);
+        
+        var point=0;
         function render() {
             requestAnimationFrame( render );
             
-            cube.rotation.x += 0.1;
+            point += .001;
+            
+            camera.rotation.y = Math.sin(point); //1 * Math.PI / 180;
+            cube.rotation.x += 0.01;
             cube.rotation.y += 0.1;
             renderer.render( scene, camera );
         }
diff --git a/package.json b/package.json
index 464e13a..bcbb3ad 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   },
   "devDependencies": {
     "connect": "^3.4.1",
-    "serve-static": "^1.10.2"
+    "serve-static": "^1.10.2",
+    "typescript": "^1.8.10"
   }
 }
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..a76b31d
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1 @@
+console.log("sup");
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..08d9e18
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,7 @@
+{
+    "compilerOptions": {
+        "target": "es5",
+        "module": "commonjs",
+        "sourceMap": true
+    }
+}
\ No newline at end of file