feat: start of monorepo

packages/website/src/hooks/useModel.ts

@@ -0,0 +1,28 @@
+import { ObjectMap, useLoader } from '@react-three/fiber';
+import { Mesh, MeshStandardMaterial } from 'three';
+import { GLTF, GLTFLoader } from 'three-stdlib';
+import { asset } from '../core/blitzkit/asset';
+
+const cache: Record<
+  number,
+  {
+    gltf: GLTF & ObjectMap;
+    hasPbr: boolean;
+  }
+> = {};
+
+export function useModel(id: number) {
+  const gltf = useLoader(GLTFLoader, asset(`3d/tanks/models/${id}.glb`));
+  if (!cache[id]) {
+    cache[id] = {
+      gltf,
+      hasPbr: Object.values(gltf.nodes).some(
+        (node) =>
+          node instanceof Mesh &&
+          node.material instanceof MeshStandardMaterial &&
+          node.material.roughnessMap !== null,
+      ),
+    };
+  }
+  return cache[id];
+}