Working download with color randomizer and using pure threejs instead…

… of aframe render loop (apparently necessary to make layered materials work) yayyyy
rhiannanberry · Jan 23, 2020 · 41f8111 · 41f8111
1 parent 8d253b4
commit 41f8111
Show file tree

Hide file tree

Showing 18 changed files with 1,993 additions and 228 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,37 @@
+{
+    "presets": [
+      "@babel/react",
+      ["@babel/env", {
+        "exclude": ["transform-regenerator"],
+        "targets": {
+          "browsers": [
+            "last 2 major versions",
+            "not <= 0.5%",
+            "not dead",
+
+            // No WebRTC support (including datachannels)
+            "not ios_saf < 11",
+            "not safari < 11",
+            "not ie >= 0",
+            "not edge >= 0",
+            "not ie_mob >= 0",
+            "not and_uc >= 0",
+
+            // No WebGL or WebRTC support
+            "not op_mini all"
+          ]
+        },
+        // false = do not polyfill stuff unneccessarily
+        "useBuiltIns": false
+      }]
+    ],
+    "plugins": [
+      "transform-react-jsx-img-import",
+      "@babel/proposal-class-properties",
+      "@babel/proposal-object-rest-spread",
+      // Samsung Internet on the Oculus Go version is stuck at version 5.2, which is a 
+      // Chromium 51, as of this writing. It needs babel to transpile async/await.
+      "@babel/plugin-transform-async-to-generator"
+    ]
+  }
+
diff --git a/includes/models/separated/hubs_model_short_messy.glb b/includes/models/separated/hubs_model_short_messy.glb
diff --git a/includes/styles/style.css b/includes/styles/style.css
@@ -13,4 +13,5 @@
     width: 100%;
     height: 100%;
     background-color: cadetblue;
-}
+}
+
diff --git a/includes/textures/jacket/white.png b/includes/textures/jacket/white.png
diff --git a/includes/textures/shirt/white.png b/includes/textures/shirt/white.png
diff --git a/index.html b/index.html
@@ -10,10 +10,11 @@
   <body>
     <div id="container">
       <div id='testreact'></div>
-      <a-scene id="scene" embedded>
+
+      <!--<a-scene id="scene" embedded>
         <a-entity id="me" position="0 1 -1" gltf-model="url(includes/models/separated/hubs_model_short_messy_sep.glb)" drag-rotate-x="speed:5" test-comp></a-entity>
         <a-entity position="0 1.5 0" scroll-zoom="target: #me; speed:0.1"> <a-camera  wasd-controls="enabled:false" rotation="" look-controls="enabled:false"  ></a-camera></a-entity>
-      </a-scene>
+      </a-scene>-->
     </div>
     </body>
     </html>