new changes

jinpyojeon · May 12, 2017 · 001e24b · 001e24b
1 parent 52b5d5b
commit 001e24b
Show file tree

Hide file tree

Showing 80 changed files with 1,483 additions and 43,477 deletions.
diff --git a/README b/README
@@ -0,0 +1,10 @@
+Three Runner aimed to implement an game of type infinite runner, in which the player appears to infinitely run through constant stream of obstacles.
+
+The graphic features implemented involve the elements necessary for a basic scene in a game. In order to provide some appearance of a game, various models and textures had to be imported and mapped, directional light (of sunset color) provided from the sun, translations to simulate the player running through the game, 
+
+The main algorithm and data structure implemented have been the game state machine that runs throughout the game. The state of the game is tracked using several arrays (that can push and pop) and Javascript objects, keeping track of active models in the WebGL and the variables like the score. 
+
+The main obstacle that was encounted in the creation of this game had been the difficulty of perceiving the effects of directional light in the presence of low-poly (models with low polygon count) models. Given that low-poly models appear inherently unnatural, it was difficult to fuse the directional lights and realistic textures with the models to provide a presentable surface. This issue will probably be remediated by removing any semblance of realism from the textures and choosing simple color schemes (of few colors).
+
+The program can be run by opening the main.html in a file browser such as firefox that does not have cross-origin security lock.
+
diff --git a/main.html b/main.html
@@ -6,22 +6,29 @@
     <style>
         body {
             margin: 0;
+            align: center;
         }
 
         canvas {
-            width: 100%;
-            height: 100%
+            width: 80%;
+            height: 80%;
+        }
+
+        #score {
+            text-align: center;
+            margin: auto;
         }
     </style>
     <script type="text/javascript" src="src/three.min.js"></script>
-    <!-- script type="text/javascript" src="src/loaders/LoadingManager.js"></script-->
-    <script type="text/javascript" src="src/loaders/OBJLoader.js"></script>
-    <script type="text/javascript" src="main.js"></script>
+    <script src="src/loaders/OBJLoader.js"></script>
     <script src="src/loaders/MTLLoader.js"></script>
     <script src="src/loaders/DDSLoader.js"></script>
+    <script src="main.js"></script>
 </head>
 
 <body>
-</body>
+    <div class="center">
+        <h1 id="score">0</h1>
+    </div>
 
 </html>