fix: flickering hands

2026-05-06 23:16:58 +01:00
parent 7ae45d4cfa
commit 553dc6eb0a
3 changed files with 56 additions and 19 deletions
@@ -1,5 +1,6 @@
 import { useHandTrackingSnapshot } from "@/hooks/handTracking/useHandTrackingSnapshot";
 import { useHandTrackingGloveStatus } from "@/hooks/handTracking/useHandTrackingGloveStatus";
+import { useDebugStore } from "@/hooks/debug/useDebugStore";

 const HAND_CONNECTIONS: Array<[number, number]> = [
  [0, 1],
@@ -27,12 +28,19 @@ const HAND_CONNECTIONS: Array<[number, number]> = [

 export function HandTrackingVisualizer(): React.JSX.Element | null {
  const { hands, status } = useHandTrackingSnapshot();
+  const showHandTrackingSvg = useDebugStore((debug) =>
+    debug.getShowHandTrackingSvg(),
+  );
  const gloves = useHandTrackingGloveStatus((state) => state.gloves);
  const hasLoadedGlove = Object.values(gloves).some(
    (gloveStatus) => gloveStatus === "loaded",
  );

-  if (status === "idle" || hands.length === 0 || hasLoadedGlove) {
+  if (
+    status === "idle" ||
+    hands.length === 0 ||
+    (hasLoadedGlove && !showHandTrackingSvg)
+  ) {
    return null;
  }