move examples into their own directories

techcto · Sep 23, 2015 · e165b6f · e165b6f
1 parent ba9bed5
commit e165b6f
Show file tree

Hide file tree

Showing 90 changed files with 124,636 additions and 124,672 deletions.
diff --git a/examples/images/abandoned/back.jpg → examples/_images/abandoned/back.jpg b/examples/images/abandoned/back.jpg → examples/_images/abandoned/back.jpg
diff --git a/examples/images/abandoned/bottom.jpg → examples/_images/abandoned/bottom.jpg b/examples/images/abandoned/bottom.jpg → examples/_images/abandoned/bottom.jpg
diff --git a/examples/images/abandoned/front.jpg → examples/_images/abandoned/front.jpg b/examples/images/abandoned/front.jpg → examples/_images/abandoned/front.jpg
diff --git a/examples/images/abandoned/left.jpg → examples/_images/abandoned/left.jpg b/examples/images/abandoned/left.jpg → examples/_images/abandoned/left.jpg
diff --git a/examples/images/abandoned/right.jpg → examples/_images/abandoned/right.jpg b/examples/images/abandoned/right.jpg → examples/_images/abandoned/right.jpg
diff --git a/examples/images/abandoned/top.jpg → examples/_images/abandoned/top.jpg b/examples/images/abandoned/top.jpg → examples/_images/abandoned/top.jpg
diff --git a/examples/images/city.jpg → examples/_images/city.jpg b/examples/images/city.jpg → examples/_images/city.jpg
diff --git a/examples/images/firefox.jpg → examples/_images/firefox.jpg b/examples/images/firefox.jpg → examples/_images/firefox.jpg
diff --git a/examples/images/pbr/maskonaive_00.jpg → examples/_images/pbr/maskonaive_00.jpg b/examples/images/pbr/maskonaive_00.jpg → examples/_images/pbr/maskonaive_00.jpg
diff --git a/examples/images/pbr/maskonaive_01.jpg → examples/_images/pbr/maskonaive_01.jpg b/examples/images/pbr/maskonaive_01.jpg → examples/_images/pbr/maskonaive_01.jpg
diff --git a/examples/images/pbr/maskonaive_02.jpg → examples/_images/pbr/maskonaive_02.jpg b/examples/images/pbr/maskonaive_02.jpg → examples/_images/pbr/maskonaive_02.jpg
diff --git a/examples/images/pbr/maskonaive_03.jpg → examples/_images/pbr/maskonaive_03.jpg b/examples/images/pbr/maskonaive_03.jpg → examples/_images/pbr/maskonaive_03.jpg
diff --git a/examples/images/pbr/maskonaive_04.jpg → examples/_images/pbr/maskonaive_04.jpg b/examples/images/pbr/maskonaive_04.jpg → examples/_images/pbr/maskonaive_04.jpg
diff --git a/examples/images/pbr/maskonaive_05.jpg → examples/_images/pbr/maskonaive_05.jpg b/examples/images/pbr/maskonaive_05.jpg → examples/_images/pbr/maskonaive_05.jpg
diff --git a/examples/images/pbr/maskonaive_m00_c00.png → examples/_images/pbr/maskonaive_m00_c00.png b/examples/images/pbr/maskonaive_m00_c00.png → examples/_images/pbr/maskonaive_m00_c00.png
diff --git a/examples/images/pbr/maskonaive_m00_c01.png → examples/_images/pbr/maskonaive_m00_c01.png b/examples/images/pbr/maskonaive_m00_c01.png → examples/_images/pbr/maskonaive_m00_c01.png
diff --git a/examples/images/pbr/maskonaive_m00_c02.png → examples/_images/pbr/maskonaive_m00_c02.png b/examples/images/pbr/maskonaive_m00_c02.png → examples/_images/pbr/maskonaive_m00_c02.png
diff --git a/examples/images/pbr/maskonaive_m00_c03.png → examples/_images/pbr/maskonaive_m00_c03.png b/examples/images/pbr/maskonaive_m00_c03.png → examples/_images/pbr/maskonaive_m00_c03.png
diff --git a/examples/images/pbr/maskonaive_m00_c04.png → examples/_images/pbr/maskonaive_m00_c04.png b/examples/images/pbr/maskonaive_m00_c04.png → examples/_images/pbr/maskonaive_m00_c04.png
diff --git a/examples/images/pbr/maskonaive_m00_c05.png → examples/_images/pbr/maskonaive_m00_c05.png b/examples/images/pbr/maskonaive_m00_c05.png → examples/_images/pbr/maskonaive_m00_c05.png
diff --git a/examples/images/pbr/maskonaive_m01_c00.png → examples/_images/pbr/maskonaive_m01_c00.png b/examples/images/pbr/maskonaive_m01_c00.png → examples/_images/pbr/maskonaive_m01_c00.png
diff --git a/examples/images/pbr/maskonaive_m01_c01.png → examples/_images/pbr/maskonaive_m01_c01.png b/examples/images/pbr/maskonaive_m01_c01.png → examples/_images/pbr/maskonaive_m01_c01.png
diff --git a/examples/images/pbr/maskonaive_m01_c02.png → examples/_images/pbr/maskonaive_m01_c02.png b/examples/images/pbr/maskonaive_m01_c02.png → examples/_images/pbr/maskonaive_m01_c02.png
diff --git a/examples/images/pbr/maskonaive_m01_c03.png → examples/_images/pbr/maskonaive_m01_c03.png b/examples/images/pbr/maskonaive_m01_c03.png → examples/_images/pbr/maskonaive_m01_c03.png
diff --git a/examples/images/pbr/maskonaive_m01_c04.png → examples/_images/pbr/maskonaive_m01_c04.png b/examples/images/pbr/maskonaive_m01_c04.png → examples/_images/pbr/maskonaive_m01_c04.png
diff --git a/examples/images/pbr/maskonaive_m01_c05.png → examples/_images/pbr/maskonaive_m01_c05.png b/examples/images/pbr/maskonaive_m01_c05.png → examples/_images/pbr/maskonaive_m01_c05.png
diff --git a/examples/images/pbr/maskonaive_m02_c00.png → examples/_images/pbr/maskonaive_m02_c00.png b/examples/images/pbr/maskonaive_m02_c00.png → examples/_images/pbr/maskonaive_m02_c00.png
diff --git a/examples/images/pbr/maskonaive_m02_c01.png → examples/_images/pbr/maskonaive_m02_c01.png b/examples/images/pbr/maskonaive_m02_c01.png → examples/_images/pbr/maskonaive_m02_c01.png
diff --git a/examples/images/pbr/maskonaive_m02_c02.png → examples/_images/pbr/maskonaive_m02_c02.png b/examples/images/pbr/maskonaive_m02_c02.png → examples/_images/pbr/maskonaive_m02_c02.png
diff --git a/examples/images/pbr/maskonaive_m02_c03.png → examples/_images/pbr/maskonaive_m02_c03.png b/examples/images/pbr/maskonaive_m02_c03.png → examples/_images/pbr/maskonaive_m02_c03.png
diff --git a/examples/images/pbr/maskonaive_m02_c04.png → examples/_images/pbr/maskonaive_m02_c04.png b/examples/images/pbr/maskonaive_m02_c04.png → examples/_images/pbr/maskonaive_m02_c04.png
diff --git a/examples/images/pbr/maskonaive_m02_c05.png → examples/_images/pbr/maskonaive_m02_c05.png b/examples/images/pbr/maskonaive_m02_c05.png → examples/_images/pbr/maskonaive_m02_c05.png
diff --git a/examples/images/pbr/maskonaive_m03_c00.png → examples/_images/pbr/maskonaive_m03_c00.png b/examples/images/pbr/maskonaive_m03_c00.png → examples/_images/pbr/maskonaive_m03_c00.png
diff --git a/examples/images/pbr/maskonaive_m03_c01.png → examples/_images/pbr/maskonaive_m03_c01.png b/examples/images/pbr/maskonaive_m03_c01.png → examples/_images/pbr/maskonaive_m03_c01.png
diff --git a/examples/images/pbr/maskonaive_m03_c02.png → examples/_images/pbr/maskonaive_m03_c02.png b/examples/images/pbr/maskonaive_m03_c02.png → examples/_images/pbr/maskonaive_m03_c02.png
diff --git a/examples/images/pbr/maskonaive_m03_c03.png → examples/_images/pbr/maskonaive_m03_c03.png b/examples/images/pbr/maskonaive_m03_c03.png → examples/_images/pbr/maskonaive_m03_c03.png
diff --git a/examples/images/pbr/maskonaive_m03_c04.png → examples/_images/pbr/maskonaive_m03_c04.png b/examples/images/pbr/maskonaive_m03_c04.png → examples/_images/pbr/maskonaive_m03_c04.png
diff --git a/examples/images/pbr/maskonaive_m03_c05.png → examples/_images/pbr/maskonaive_m03_c05.png b/examples/images/pbr/maskonaive_m03_c05.png → examples/_images/pbr/maskonaive_m03_c05.png
diff --git a/examples/images/pbr/maskonaive_m04_c00.png → examples/_images/pbr/maskonaive_m04_c00.png b/examples/images/pbr/maskonaive_m04_c00.png → examples/_images/pbr/maskonaive_m04_c00.png
diff --git a/examples/images/pbr/maskonaive_m04_c01.png → examples/_images/pbr/maskonaive_m04_c01.png b/examples/images/pbr/maskonaive_m04_c01.png → examples/_images/pbr/maskonaive_m04_c01.png
diff --git a/examples/images/pbr/maskonaive_m04_c02.png → examples/_images/pbr/maskonaive_m04_c02.png b/examples/images/pbr/maskonaive_m04_c02.png → examples/_images/pbr/maskonaive_m04_c02.png
diff --git a/examples/images/pbr/maskonaive_m04_c03.png → examples/_images/pbr/maskonaive_m04_c03.png b/examples/images/pbr/maskonaive_m04_c03.png → examples/_images/pbr/maskonaive_m04_c03.png
diff --git a/examples/images/pbr/maskonaive_m04_c04.png → examples/_images/pbr/maskonaive_m04_c04.png b/examples/images/pbr/maskonaive_m04_c04.png → examples/_images/pbr/maskonaive_m04_c04.png
diff --git a/examples/images/pbr/maskonaive_m04_c05.png → examples/_images/pbr/maskonaive_m04_c05.png b/examples/images/pbr/maskonaive_m04_c05.png → examples/_images/pbr/maskonaive_m04_c05.png
diff --git a/examples/images/pbr/maskonaive_m05_c00.png → examples/_images/pbr/maskonaive_m05_c00.png b/examples/images/pbr/maskonaive_m05_c00.png → examples/_images/pbr/maskonaive_m05_c00.png
diff --git a/examples/images/pbr/maskonaive_m05_c01.png → examples/_images/pbr/maskonaive_m05_c01.png b/examples/images/pbr/maskonaive_m05_c01.png → examples/_images/pbr/maskonaive_m05_c01.png
diff --git a/examples/images/pbr/maskonaive_m05_c02.png → examples/_images/pbr/maskonaive_m05_c02.png b/examples/images/pbr/maskonaive_m05_c02.png → examples/_images/pbr/maskonaive_m05_c02.png
diff --git a/examples/images/pbr/maskonaive_m05_c03.png → examples/_images/pbr/maskonaive_m05_c03.png b/examples/images/pbr/maskonaive_m05_c03.png → examples/_images/pbr/maskonaive_m05_c03.png
diff --git a/examples/images/pbr/maskonaive_m05_c04.png → examples/_images/pbr/maskonaive_m05_c04.png b/examples/images/pbr/maskonaive_m05_c04.png → examples/_images/pbr/maskonaive_m05_c04.png
diff --git a/examples/images/pbr/maskonaive_m05_c05.png → examples/_images/pbr/maskonaive_m05_c05.png b/examples/images/pbr/maskonaive_m05_c05.png → examples/_images/pbr/maskonaive_m05_c05.png
diff --git a/examples/images/sky-gray.jpg → examples/_images/sky-gray.jpg b/examples/images/sky-gray.jpg → examples/_images/sky-gray.jpg
diff --git a/examples/images/sky2.jpg → examples/_images/sky2.jpg b/examples/images/sky2.jpg → examples/_images/sky2.jpg
diff --git a/examples/js/ColladaLoader.js → examples/_js/lib/vendor/ColladaLoader.js b/examples/js/ColladaLoader.js → examples/_js/lib/vendor/ColladaLoader.js
diff --git a/examples/js/ImageLoader.js → examples/_js/lib/vendor/ImageLoader.js b/examples/js/ImageLoader.js → examples/_js/lib/vendor/ImageLoader.js
diff --git a/examples/js/lib/vendor/OBJLoader.js → examples/_js/lib/vendor/OBJLoader.js b/examples/js/lib/vendor/OBJLoader.js → examples/_js/lib/vendor/OBJLoader.js
diff --git a/examples/js/lib/vendor/dat.gui.js → examples/_js/lib/vendor/dat.gui.js b/examples/js/lib/vendor/dat.gui.js → examples/_js/lib/vendor/dat.gui.js
diff --git a/examples/models/MatTester.png → examples/_models/MatTester.png b/examples/models/MatTester.png → examples/_models/MatTester.png
diff --git a/examples/models/city1/city.dae → examples/_models/city1/city.dae b/examples/models/city1/city.dae → examples/_models/city1/city.dae
diff --git a/examples/models/monster/monster.dae → examples/_models/monster/monster.dae b/examples/models/monster/monster.dae → examples/_models/monster/monster.dae
diff --git a/examples/models/monster/monster.jpg → examples/_models/monster/monster.jpg b/examples/models/monster/monster.jpg → examples/_models/monster/monster.jpg
diff --git a/examples/models/monster/readme.txt → examples/_models/monster/readme.txt b/examples/models/monster/readme.txt → examples/_models/monster/readme.txt
diff --git a/examples/models/tree1/tex/shadow-circle.png → examples/_models/tree1/tex/shadow-circle.png b/examples/models/tree1/tex/shadow-circle.png → examples/_models/tree1/tex/shadow-circle.png
diff --git a/examples/models/tree1/tree1.dae → examples/_models/tree1/tree1.dae b/examples/models/tree1/tree1.dae → examples/_models/tree1/tree1.dae
diff --git a/examples/models/tree2/tex/shadow-circle.png → examples/_models/tree2/tex/shadow-circle.png b/examples/models/tree2/tex/shadow-circle.png → examples/_models/tree2/tex/shadow-circle.png
diff --git a/examples/models/tree2/tree2.dae → examples/_models/tree2/tree2.dae b/examples/models/tree2/tree2.dae → examples/_models/tree2/tree2.dae
diff --git a/examples/sounds/cricket.mp3 → examples/_sounds/cricket.mp3 b/examples/sounds/cricket.mp3 → examples/_sounds/cricket.mp3
diff --git a/examples/animations.html → examples/animations/index.html b/examples/animations.html → examples/animations/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Animations</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
     <style id="vr-styles">
       body {
         background-color: black;

diff --git a/examples/assets.html → examples/assets/index.html b/examples/assets.html → examples/assets/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Assets</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-assets>

diff --git a/examples/cube.html → examples/cube/index.html b/examples/cube.html → examples/cube/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Cube</title>
     <meta name="description" content="Cube vr-component">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-scene>

diff --git a/examples/curvedPlane1.html → examples/curvedPlane1/index.html b/examples/curvedPlane1.html → examples/curvedPlane1/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Curved Plane 1</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-scene>

diff --git a/examples/curvedPlane2.html → examples/curvedPlane2/index.html b/examples/curvedPlane2.html → examples/curvedPlane2/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Curved Plane 2</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-scene>

diff --git a/examples/dynamic.html → examples/dynamic/index.html b/examples/dynamic.html → examples/dynamic/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Dynamic</title>
     <meta name="description" content="Creating VR elements dynamically with JavaScript">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-scene>

diff --git a/examples/fog.html → examples/fog/index.html b/examples/fog.html → examples/fog/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Fog</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-assets>

diff --git a/examples/group.html → examples/group/index.html b/examples/group.html → examples/group/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Cube</title>
     <meta name="description" content="Grouping Objects">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-scene>

diff --git a/examples/index.html b/examples/index.html
@@ -27,14 +27,6 @@
         line-height: 1.5;
         list-style: none;
       }
-      .note, .note a, .date {
-        color: rgba(255,255,255,0.4);
-        font-family: 'Fira Mono', sans-serif;
-      }
-      .note {
-        border-bottom: 1px dashed rgba(255,255,255,0.25);
-        padding-bottom: 1rem;
-      }
       a {
         color: #036;
         display: block;
@@ -43,37 +35,32 @@
       a:hover {
         color: #369;
       }
-      table {
-        border-collapse: collapse;
-        width: 100%;
-      }
-      td:nth-child(2) { max-width: 5%; }
     </style>
   </head>
   <body>
     <h1>vr-components examples</h1>
     <ul>
-      <li><a href="animations.html">animations.html</a></li>
-      <li><a href="assets.html">assets.html</a></li>
-      <li><a href="cube.html">cube.html</a></li>
-      <li><a href="curvedPlane1.html">curvedPlane1.html</a></li>
-      <li><a href="curvedPlane2.html">curvedPlane2.html</a></li>
-      <li><a href="dynamic.html">dynamic.html</a></li>
-      <li><a href="fog.html">fog.html</a></li>
-      <li><a href="group.html">group.html</a></li>
-      <li><a href="interactions.html">interactions.html</a></li>
-      <li><a href="loader.html">loader.html</a></li>
-      <li><a href="model.html">model.html</a></li>
-      <li><a href="objects.html">objects.html</a></li>
-      <li><a href="obstacle1.html">obstacle1.html</a></li>
-      <li><a href="performance.html">performance.html</a></li>
-      <li><a href="physicallyBasedMaterial.html">physicallyBasedMaterial.html</a></li>
-      <li><a href="positional-audio.html">positional-audio.html</a></li>
-      <li><a href="skybox.html">skybox.html</a></li>
-      <li><a href="skysphere.html">skysphere.html</a></li>
-      <li><a href="text.html">text.html</a></li>
-      <li><a href="video.html">video.html</a></li>
-      <li><a href="video360.html">video360.html</a></li>
+      <li><a href="animations/">animations</a></li>
+      <li><a href="assets/">assets</a></li>
+      <li><a href="cube/">cube</a></li>
+      <li><a href="curvedPlane1/">curvedPlane1</a></li>
+      <li><a href="curvedPlane2/">curvedPlane2</a></li>
+      <li><a href="dynamic/">dynamic</a></li>
+      <li><a href="fog/">fog</a></li>
+      <li><a href="group/">group</a></li>
+      <li><a href="interactions/">interactions</a></li>
+      <li><a href="loader/">loader</a></li>
+      <li><a href="model/">model</a></li>
+      <li><a href="objects/">objects</a></li>
+      <li><a href="obstacle1/">obstacle1</a></li>
+      <li><a href="performance/">performance</a></li>
+      <li><a href="physically-based-material/">physically-based-material</a></li>
+      <li><a href="positional-audio/">positional-audio</a></li>
+      <li><a href="skybox/">skybox</a></li>
+      <li><a href="skysphere/">skysphere</a></li>
+      <li><a href="text/">text</a></li>
+      <li><a href="video/">video</a></li>
+      <li><a href="video360/">video360</a></li>
     </ul>
   </body>
 </html>
diff --git a/examples/interactions.html → examples/interactions/index.html b/examples/interactions.html → examples/interactions/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Interactions</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-assets>
@@ -19,7 +19,7 @@
         </vr-camera>
       </vr-controls>
       <vr-skysphere color="#000"></vr-skysphere>
-      <vr-cube position="0 2 -8" material="normal" width="4" height="4" depth="4" href="cube.html"></vr-cube>
+      <vr-cube position="0 2 -8" material="normal" width="4" height="4" depth="4" href="../cube/"></vr-cube>
       <vr-cube position="6 2 0" material="normal" width="4" height="4" depth="4"></vr-cube>
       <vr-cube position="-6 2 0" material="normal" width="4" height="4" depth="4"></vr-cube>
       <vr-grid size="50"></vr-grid>

diff --git a/examples/loader.html → examples/loader/index.html b/examples/loader.html → examples/loader/index.html
@@ -4,13 +4,13 @@
     <meta charset="utf-8">
     <title>Hyperlinks</title>
     <meta name="description" content="Hyperlinks">
-    <link rel="stylesheet" type="text/css" href="../style/index.css">
-    <script src="../lib/VRLoader.js"></script>
+    <link rel="stylesheet" type="text/css" href="../../style/index.css">
+    <script src="../../lib/VRLoader.js"></script>
   </head>
   <body>
     <button id="vr-button" class="vr-button">Enter VR</button>
     <script>
-      var vrloader = new VRLoader('interactions.html');
+      var vrloader = new VRLoader('../interactions/');
     </script>
   </body>
 </html>
diff --git a/examples/model.html → examples/model/index.html b/examples/model.html → examples/model/index.html
@@ -4,17 +4,17 @@
     <meta charset="utf-8">
     <title>Model</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
-    <script src="js/ImageLoader.js"></script>
-    <script src="js/ColladaLoader.js"></script>
+    <script src="../../build/vr-components.js"></script>
+    <script src="../_js/lib/vendor/ImageLoader.js"></script>
+    <script src="../_js/lib/vendor/ColladaLoader.js"></script>
   </head>
   <body>
     <vr-scene>
       <vr-controls position="0 1.8 15">
         <vr-camera></vr-camera>
       </vr-controls>
       <vr-hemispherelight position="0 200 -100" skyColor="#ffffff" groundColor="#ef2d5e" intensity="2"></vr-hemispherelight>
-      <vr-model src="models/monster/monster.dae" position="-5 0.5 0" scale="0.005 0.005 0.005"></vr-model>
+      <vr-model src="../_models/monster/monster.dae" position="-5 0.5 0" scale="0.005 0.005 0.005"></vr-model>
       <vr-grid size="50"></vr-grid>
     </vr-scene>
   </body>

diff --git a/examples/objects.html → examples/objects/index.html b/examples/objects.html → examples/objects/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Objects</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-scene>
@@ -15,7 +15,7 @@
       <vr-cube position="-15 5 0" rotation="20 45 0" width="4" height="4" depth="4"></vr-cube>
       <vr-sphere position="-7 5 0" radius="2.5"></vr-sphere>
       <vr-plane position="0 5 0" width="5" height="5"></vr-plane>
-      <vr-image position="7 5 0" width="6" height="6" src="images/firefox.jpg"></vr-image>
+      <vr-image position="7 5 0" width="6" height="6" src="../_images/firefox.jpg"></vr-image>
     </vr-scene>
   </body>
 </html>
diff --git a/examples/obstacle1.html → examples/obstacle1/index.html b/examples/obstacle1.html → examples/obstacle1/index.html
@@ -4,8 +4,8 @@
     <meta charset="utf-8">
     <title>Obstacle Course 1</title>
     <meta name="description" content="An example of animations, physics and events put together in a single scene">
-    <script src="../build/vr-components.js"></script>
-    <script src="js/ColladaLoader.js"></script>
+    <script src="../../build/vr-components.js"></script>
+    <script src="../_js/lib/vendor/ColladaLoader.js"></script>
   </head>
   <body>
     <vr-assets>
@@ -27,7 +27,7 @@
         <vr-cursor position="0 0 -1" radius="0.005"></vr-cursor>
       </vr-camera>
       <vr-hemispherelight position="100 200 100" skyColor="#b0b0ae" groundColor="#FFFFFF" intensity="1.2"></vr-hemispherelight>
-      <vr-skysphere src="images/sky-gray.jpg"></vr-skysphere>
+      <vr-skysphere src="../_images/sky-gray.jpg"></vr-skysphere>
 
       <vr-object scale="0.2 0.2 0.2">
 
@@ -115,7 +115,7 @@
             <!-- TODO -->
           <!-- Model -->
           <vr-object position="0 -2.5 0" animation="spin">
-            <vr-model src="models/city1/city.dae" position="-0.65 0.48 0.2" scale="1 1 1" rotation="0 -45 0"></vr-model>
+            <vr-model src="../_models/city1/city.dae" position="-0.65 0.48 0.2" scale="1 1 1" rotation="0 -45 0"></vr-model>
             <vr-cylinder material="floor" radius="2.5" height="1" radiusSegments="72" position="0 0 0"></vr-cylinder>
           </vr-object>
           <!-- Floating information panel -->

diff --git a/examples/performance.html → examples/performance/index.html b/examples/performance.html → examples/performance/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Performance</title>
     <meta name="Testing performance of high numbers of polys" content="Dynamic Scene">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
     <script src="../lib/vendor/stats.min.js"></script>
   </head>
   <body>

diff --git a/examples/physicallyBasedMaterial.html → ...ples/physically-based-material/index.html b/examples/physicallyBasedMaterial.html → ...ples/physically-based-material/index.html
@@ -4,8 +4,8 @@
     <meta charset="utf-8">
     <title>Physically Based Rendering</title>
     <meta name="description" content="Cube">
-    <script src="../build/vr-components.js"></script>
-    <script src="js/lib/vendor/OBJLoader.js"></script>
+    <script src="../../build/vr-components.js"></script>
+    <script src="../_js/lib/vendor/OBJLoader.js"></script>
   </head>
   <body>
     <vr-assets>
@@ -15,9 +15,9 @@
       <vr-controls position="0 12 50">
         <vr-camera></vr-camera>
       </vr-controls>
-      <vr-obj-loader id="cube" position="0 0 0" rotation="0 0 0" src="models/MatTester.png" material="pbr"></vr-obj-loader>
+      <vr-obj-loader id="cube" position="0 0 0" rotation="0 0 0" src="../_models/MatTester.png" material="pbr"></vr-obj-loader>
     </vr-scene>
-    <script src="js/lib/vendor/dat.gui.js"></script>
+    <script src="../_js/lib/vendor/dat.gui.js"></script>
     <script>
       var material = document.querySelector('#pbr');
       var gui = new dat.GUI();

diff --git a/examples/positional-audio.html → examples/positional-audio/index.html b/examples/positional-audio.html → examples/positional-audio/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Positional audio</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-scene>

diff --git a/examples/skybox.html → examples/skybox/index.html b/examples/skybox.html → examples/skybox/index.html
@@ -4,14 +4,14 @@
     <meta charset="utf-8">
     <title>Skybox</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-scene>
       <vr-controls position="0 1.8 0">
         <vr-camera></vr-camera>
       </vr-controls>
-      <vr-skybox src="images/abandoned/"></vr-skybox>
+      <vr-skybox src="../_images/abandoned/"></vr-skybox>
     </vr-scene>
   </body>
 </html>
diff --git a/examples/skysphere.html → examples/skysphere/index.html b/examples/skysphere.html → examples/skysphere/index.html
@@ -4,15 +4,15 @@
     <meta charset="utf-8">
     <title>Sky Sphere</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-scene>
       <vr-controls position="0 1.8 40">
         <vr-camera></vr-camera>
       </vr-controls>
       <vr-sphere radius="5"></vr-sphere>
-      <vr-skysphere src="images/city.jpg"></vr-skysphere>
+      <vr-skysphere src="../_images/city.jpg"></vr-skysphere>
     </vr-scene>
   </body>
 </html>
diff --git a/examples/text.html → examples/text/index.html b/examples/text.html → examples/text/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Text</title>
     <meta name="description" content="vr-text component">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-scene>

diff --git a/examples/video.html → examples/video/index.html b/examples/video.html → examples/video/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Video</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-scene>

diff --git a/examples/video360.html → examples/video360/index.html b/examples/video360.html → examples/video360/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <title>Video 360</title>
     <meta name="description" content="Demo of threejs using Web Components">
-    <script src="../build/vr-components.js"></script>
+    <script src="../../build/vr-components.js"></script>
   </head>
   <body>
     <vr-scene>

diff --git a/index.html b/index.html
@@ -2,30 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>My WebVR Scene</title>
-    <script src="build/vr-components.js"></script>
+    <meta http-equiv="refresh" content="0; url=examples/">
   </head>
-  <body>
-    <vr-assets>
-      <vr-material id="highlight" type="MeshBasicMaterial" color="yellow"></vr-material>
-      <vr-material id="normal" type="MeshNormalMaterial" color="cyan"></vr-material>
-      <vr-animation id="slide" attribute="position" to="0 1 0" duration="2000"></vr-animation>
-      <vr-animation id="spin" attribute="rotation" to="0 360 0" duration="5000" delay="2000"></vr-animation>
-      <vr-animation id="grow" attribute="scale" to="2 2 2" duration="3000" delay="7000"></vr-animation>
-    </vr-assets>
-    <vr-scene>
-      <vr-controls position="0 1.8 20">
-        <vr-camera></vr-camera>
-      </vr-controls>
-      <vr-cube animation="slide spin grow" position="0 2 -8" material="normal" width="4" height="4" depth="4"></vr-cube>
-      <vr-cube position="6 2 0" material="normal" width="4" height="4" depth="4"></vr-cube>
-      <vr-cube position="-6 2 0" material="normal" width="4" height="4" depth="4"></vr-cube>
-      <vr-object class="cubes-group" position="-5 0 10">
-        <vr-cube id="cube" width="5" height="2" depth="2" rotation="45 45 0" position="-10 0 0"></vr-cube>
-        <vr-cube id="cube" width="5" height="2" depth="2" rotation="45 45 0" position="0 0 0"></vr-cube>
-        <vr-cube id="cube" width="5" height="2" depth="2" rotation="45 45 0" position="10 0 0"></vr-cube>
-      </vr-object>
-      <vr-grid size="50"></vr-grid>
-    </vr-scene>
-  </body>
+  <body></body>
 </html>
diff --git a/package.json b/package.json
@@ -48,7 +48,7 @@
     "ignore": [
       "build/**",
       "dist/**",
-      "examples/js/**"
+      "examples/_js/**"
     ]
   },
   "keywords": [