fix dice loading smh

Platane · Aug 11, 2024 · d44926e · d44926e
1 parent dc2d112
commit d44926e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 12 deletions.
diff --git a/src/App/App.tsx b/src/App/App.tsx
@@ -13,7 +13,7 @@ import { PickHint } from "./Ui/Hints/PickHint";
 import { PullHint } from "./Ui/Hints/PullHint";
 import { useDelay } from "./Ui/useDelay";
 import { GithubLogo } from "./Ui/GithubLogo";
-import { Canvas } from "@react-three/fiber";
+import { Canvas, useFrame, useThree } from "@react-three/fiber";
 import { XR8Controls } from "../XR8Canvas/XR8Controls";
 import { useXR8 } from "../XR8Canvas/useXR8";
 // @ts-ignore
@@ -112,13 +112,7 @@ export const App = ({ onReady, onProgress, started }: Props) => {
           {xr8 && <XR8Controls xr8={xr8} onReady={() => setXr8Ready(true)} />}
 
           <React.Suspense fallback={null}>
-            {false && (
-              <Environment
-                environmentIntensity={0.4}
-                path={"assets/"}
-                files={"lebombo_1k.hdr"}
-              />
-            )}
+            <Environment path={"assets/"} files={"lebombo_1k.hdr"} />
 
             <Board
               status={status}
@@ -129,8 +123,7 @@ export const App = ({ onReady, onProgress, started }: Props) => {
             />
           </React.Suspense>
 
-          {false && <ambientLight intensity={0.1} />}
-          <directionalLight position={[10, 8, 6]} intensity={0.8} castShadow />
+          <directionalLight position={[10, 8, 6]} intensity={0} castShadow />
 
           <Target />
 

diff --git a/src/App/Scene/Dice.tsx b/src/App/Scene/Dice.tsx
@@ -19,17 +19,27 @@ type Props = {
 export const Dice = ({ selected, ...props }: Props) => {
   const { nodes, materials } = useGLTF(diceUrl);
 
+  const mesh = nodes.mesh_0 as THREE.Mesh;
   const mat = materials.Dice as THREE.MeshStandardMaterial;
 
   return (
     <mesh
       {...props}
       castShadow
-      geometry={(nodes.mesh_0 as any).geometry}
+      geometry={mesh.geometry}
+      material={mesh.material}
       scale={scale}
       dispose={null}
     >
-      <meshStandardMaterial {...mat} color={selected ? "hotpink" : mat.color} />
+      {false && <boxGeometry args={[2, 2, 2]} />}
+      {false && <meshStandardMaterial color="#ab34ef" />}
+
+      {false && (
+        <meshStandardMaterial
+          {...mat}
+          color={selected ? "hotpink" : mat.color}
+        />
+      )}
     </mesh>
   );
 };