hawksley · AbdoulSy · Aug 1, 2017 · Aug 1, 2017 · Aug 2, 2017 · Aug 2, 2017
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules/
+dist/index.bundle.js
diff --git a/.gitigore b/.gitigore
@@ -0,0 +1 @@
+dist/index.bundle.js
diff --git a/README.md b/README.md
@@ -6,6 +6,32 @@ A websperience by Vi Hart, Andrea Hawksley, and Henry Segerman, using the hyperb
 
 Try it at: https://hawksley.github.io/hypVR/
 
+
+## Installing Locally
+
+The version 1.1.0 requires node.js version > 6 and should work with every os.
+
+### Steps:
+- git clone this project
+- run "npm install" where you cloned this project
+- run "npm start"
+
+you should see the application run on http://localhost:8080
+ Enjoy.
+
+### Release Notes:
+1.1.0: 
+ - The application can be compiled with webpack to reduce dramatically the file size of the imported code
+ - Less pollution of the global scope
+ - using webVR polyfill, the application runs on browsers
+ - the package host it own dev server to compile the code as each file save
+ - the dev server can be run from an npm command
+
+### Further Enhancements:
+- finishing polishing the code to make it more granular and easy to modify
+- introducing performance testing for big functions like gramShmidt
+- introducing unit tests
+
 ## Links
 - http://vihart.com
 - http://andreahawksley.com
@@ -15,3 +41,4 @@ Try it at: https://hawksley.github.io/hypVR/
 - http://www.geometrygames.org/CurvedSpaces/
 - http://www.marctenbosch.com
 - https://github.com/MozVR/vr-web-examples/tree/master/threejs-vr-boilerplate
+- https://github.com/AbdoulSy
diff --git a/CNAME → dist/CNAME b/CNAME → dist/CNAME
diff --git a/index.html → dist/index.html b/index.html → dist/index.html
@@ -37,6 +37,19 @@
 
     <body></body>
 
+<!-- This entire block in only to facilitate dynamically enabling and
+    disabling the WebVR polyfill, and is not necessary for most WebVR apps.
+    If you want to use the polyfill in your app, just include the js file and
+    everything will work the way you want it to by default. -->
+    <script>
+      var WebVRConfig = {
+        // Prevents the polyfill from initializing automatically.
+        DEFER_INITIALIZATION: true,
+	      FORCE_ENABLE_VR: true
+      }
+    </script>
+    <script src="js/third-party/wglu/wglu-url.js"></script>
+
     <script type="x-shader/x-vertex" id="vertexShader">
     // This shader moves vertices around
 
@@ -45,8 +58,8 @@
     uniform mat4 translation; // dodecahedral
     uniform mat4 boost;
     // uniform vec3 cellColor;
-    uniform vec4 cellColorQuat; 
-    uniform vec4 userCellColorQuat; 
+    uniform vec4 cellColorQuat;
+    uniform vec4 userCellColorQuat;
 
     vec3 ChooseColor( in vec3 nBase )
     {
@@ -138,7 +151,7 @@
         float norm = sqrt(r*r+g*g+b*b);
         r /= norm;
         g /= norm;
-        b /= norm; 
+        b /= norm;
         return vec3(r*0.5 + 0.5,g*0.5 + 0.5,b*0.5 + 0.5);
     }
 
@@ -222,32 +235,10 @@
     }
   </script>
 
-    <!--
-    three.js 3d library
-    -->
-    <script src="js/lib/three.min.js"></script>
-
-    <script src="js/hypMath.js"></script>
-    <!--
-    VRControlsHyperbolic.js acquires positional information from connected VR devices and applies the transformations to a three.js camera object. Also deals with hyperbolic and parabolic motions.
-     -->
-     <script src="js/vr/PhoneVR.js"></script>
-    <script src="js/vr/VRControlsHyperbolic.js"></script>
-
-    <!--
-    VREffect.js handles stereo camera setup and rendering.
-    -->
-    <script src="js/vr/VREffect.js"></script>
-
-    <script src="js/loaders/OBJLoader.js"></script>
-        <!--
-    dodec_no_id.js stores hyperbolic translation matrices to make copies of the dodecahedron.
-    -->
-    <script src="js/436.js"></script>
-    <!--
-    <script src="js/534Reflect.js"></script>
-  -->
-
-    <script src="js/hypTiling.js" type="text/javascript" id="mainCode"></script>
 
+   <!--
+	Bundled App (Concatenated and Minified)
+	Libraries, dependencies and Main code
+   -->
+   <script src="./index.bundle.js" id="mainCode"></script>
 </html>
diff --git a/dist/js/third-party/wglu/wglu-url.js b/dist/js/third-party/wglu/wglu-url.js
@@ -0,0 +1,99 @@
+/*
+Copyright (c) 2015, Brandon Jones.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+*/
+
+/*
+Provides a simple way to get values from the query string if they're present
+and use a default value if not. Not strictly a "WebGL" utility, but I use it
+frequently enough for debugging that I wanted to include it here.
+
+Example:
+For the URL http://example.com/index.html?particleCount=1000
+
+WGLUUrl.getInt("particleCount", 100); // URL overrides, returns 1000
+WGLUUrl.getInt("particleSize", 10); // Not in URL, returns default of 10
+*/
+var WGLUUrl = (function() {
+
+  "use strict";
+
+  var urlArgs = null;
+
+  window.onhashchange = function() {
+    // Force re-parsing on next access
+    urlArgs = null;
+  };
+
+  function ensureArgsCached() {
+    if (!urlArgs) {
+      urlArgs = {};
+      var query = window.location.search.substring(1) || window.location.hash.substring(1);
+      var vars = query.split("&");
+      for (var i = 0; i < vars.length; i++) {
+        var pair = vars[i].split("=");
+        urlArgs[pair[0].toLowerCase()] = unescape(pair[1]);
+      }
+    }
+  }
+
+  function getString(name, defaultValue) {
+    ensureArgsCached();
+    var lcaseName = name.toLowerCase();
+    if (lcaseName in urlArgs) {
+      return urlArgs[lcaseName];
+    }
+    return defaultValue;
+  }
+
+  function getInt(name, defaultValue) {
+    ensureArgsCached();
+    var lcaseName = name.toLowerCase();
+    if (lcaseName in urlArgs) {
+      return parseInt(urlArgs[lcaseName], 10);
+    }
+    return defaultValue;
+  }
+
+  function getFloat(name, defaultValue) {
+    ensureArgsCached();
+    var lcaseName = name.toLowerCase();
+    if (lcaseName in urlArgs) {
+      return parseFloat(urlArgs[lcaseName]);
+    }
+    return defaultValue;
+  }
+
+  function getBool(name, defaultValue) {
+    ensureArgsCached();
+    var lcaseName = name.toLowerCase();
+    if (lcaseName in urlArgs) {
+      return parseInt(urlArgs[lcaseName], 10) != 0;
+    }
+    return defaultValue;
+  }
+
+  return {
+    getString: getString,
+    getInt: getInt,
+    getFloat: getFloat,
+    getBool: getBool
+  };
+})();
diff --git a/media/cube.obj → dist/media/cube.obj b/media/cube.obj → dist/media/cube.obj
diff --git a/media/cubeDual.obj → dist/media/cubeDual.obj b/media/cubeDual.obj → dist/media/cubeDual.obj
diff --git a/media/cubeThickEdges.obj → dist/media/cubeThickEdges.obj b/media/cubeThickEdges.obj → dist/media/cubeThickEdges.obj
diff --git a/media/cube_old.obj → dist/media/cube_old.obj b/media/cube_old.obj → dist/media/cube_old.obj
diff --git a/media/euc_monkey_cut_1p5k.obj → dist/media/euc_monkey_cut_1p5k.obj b/media/euc_monkey_cut_1p5k.obj → dist/media/euc_monkey_cut_1p5k.obj
diff --git a/media/euc_monkey_cut_3k.obj → dist/media/euc_monkey_cut_3k.obj b/media/euc_monkey_cut_3k.obj → dist/media/euc_monkey_cut_3k.obj
diff --git a/media/euc_monkey_cut_750.obj → dist/media/euc_monkey_cut_750.obj b/media/euc_monkey_cut_750.obj → dist/media/euc_monkey_cut_750.obj
diff --git a/media/euc_monkey_cut_7p5k.obj → dist/media/euc_monkey_cut_7p5k.obj b/media/euc_monkey_cut_7p5k.obj → dist/media/euc_monkey_cut_7p5k.obj
diff --git a/media/rhombicDodec.obj → dist/media/rhombicDodec.obj b/media/rhombicDodec.obj → dist/media/rhombicDodec.obj
diff --git a/media/screen2Cube.obj → dist/media/screen2Cube.obj b/media/screen2Cube.obj → dist/media/screen2Cube.obj
diff --git a/media/truncatedCube.obj → dist/media/truncatedCube.obj b/media/truncatedCube.obj → dist/media/truncatedCube.obj
diff --git a/media/truncatedCubeBdry.obj → dist/media/truncatedCubeBdry.obj b/media/truncatedCubeBdry.obj → dist/media/truncatedCubeBdry.obj
diff --git a/media/truncatedCubeMinimal.obj → dist/media/truncatedCubeMinimal.obj b/media/truncatedCubeMinimal.obj → dist/media/truncatedCubeMinimal.obj
diff --git a/media/truncatedCubeTrisOnly.obj → dist/media/truncatedCubeTrisOnly.obj b/media/truncatedCubeTrisOnly.obj → dist/media/truncatedCubeTrisOnly.obj
diff --git a/js/436.js b/js/436.js