Tom Boullay
28 lines
826 B
TypeScript
28 lines
826 B
TypeScript
import type { ReactNode } from "react";
|
|
import { useSceneMode } from "@/hooks/debug/useSceneMode";
|
|
import { useInteraction } from "@/hooks/useInteraction";
|
|
import {
|
|
HAND_TRACKING_IDLE_SNAPSHOT,
|
|
HandTrackingContext,
|
|
} from "@/hooks/useHandTrackingSnapshot";
|
|
import { useRemoteHandTracking } from "@/hooks/useRemoteHandTracking";
|
|
|
|
export function HandTrackingProvider({
|
|
children,
|
|
}: {
|
|
children: ReactNode;
|
|
}): React.JSX.Element {
|
|
const sceneMode = useSceneMode();
|
|
const { nearby, holding, handHolding } = useInteraction();
|
|
const enabled = sceneMode === "physics" && (nearby || holding || handHolding);
|
|
const snapshot = useRemoteHandTracking({ enabled });
|
|
|
|
return (
|
|
<HandTrackingContext
|
|
value={enabled ? snapshot : HAND_TRACKING_IDLE_SNAPSHOT}
|
|
>
|
|
{children}
|
|
</HandTrackingContext>
|
|
);
|
|
}
|