layered geometries

webclient/src/utils/hooks/useLayerFrame.tsx

@@ -0,0 +1,16 @@
+import { useFrame, type RootState } from "@react-three/fiber";
+import { layerTimings } from "../layerTimings";
+
+export function useLayerFrame(
+    name: string,
+    callback: (state: RootState, delta: number) => void,
+    priority?: number,
+) {
+    useFrame((state, delta) => {
+        const start = performance.now();
+        callback(state, delta);
+        const entry = layerTimings[name] ??= { acc: 0, frames: 0 };
+        entry.acc += performance.now() - start;
+        entry.frames++;
+    }, priority);
+}