diff options
| -rw-r--r-- | src/graph.js | 3 | ||||
| -rw-r--r-- | src/views/App.js | 5 |
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(); }); |