fix key

2 files changed, 5 insertions, 3 deletions

diff --git a/src/graph.js b/src/graph.js
index c4d7765..5a09cbb 100644
--- a/src/graph.js
+++ b/src/graph.js
@@ -202,9 +202,10 @@ export default function buildGraph({ db, handlers }) {
     if (catNumber === 33) {
       object.rotateY(Math.PI / 2);
     }
+    // the key is turned in a funky way
     if (catNumber === 48) {
       object.rotateZ(Math.PI * -0.25);
-      object.rotateX(Math.PI * -0.45);
+      object.rotateX(Math.PI * 0.45);
       object.rotateY(Math.PI * 0.5);
     }
   };
diff --git a/src/views/App.js b/src/views/App.js
index 74f479f..bee8f1f 100644
--- a/src/views/App.js
+++ b/src/views/App.js
@@ -11,7 +11,7 @@ import Intro from "./Intro.js";
 
 export default function App() {
   const [db, setDb] = useState(null);
-  const [intro, setIntro] = useState(true);
+  const [intro, setIntro] = useState(false);
 
   useEffect(async () => {
     const newDb = await loadDB();
@@ -60,11 +60,12 @@ function loadObject(item) {
     });
     const mtlLoader = new MTLLoader(manager);
     const objLoader = new OBJLoader(manager);
-    mtlLoader.setMaterialOptions({ side: THREE.DoubleSide });
+    mtlLoader.setMaterialOptions({ side: THREE.FrontSide });
     mtlLoader.load(file.replace(".obj", ".mtl"), (materials) => {
       materials.preload();
       objLoader.setMaterials(materials);
       objLoader.load(file, (object) => {
+        object.children.forEach((child) => (child.material.transparent = true));
         item.object = object;
         resolve();
       });