math-pixel
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { InteractableObject } from "@/components/three/interaction/InteractableObject";
|
|
import { useGameStore } from "@/managers/stores/useGameStore";
|
|
import { Debug } from "@/utils/debug/Debug";
|
|
import type { Vector3Tuple } from "@/types/three/three";
|
|
|
|
interface NPCHelperProps {
|
|
position: Vector3Tuple;
|
|
}
|
|
|
|
export function NPCHelper({ position }: NPCHelperProps): React.JSX.Element {
|
|
const step = useGameStore((state) => state.pylone.currentStep);
|
|
const setPyloneStep = useGameStore((state) => state.setPyloneState);
|
|
const debug = Debug.getInstance();
|
|
|
|
const handlePress = (): void => {
|
|
if (step === "searching") {
|
|
setPyloneStep({ currentStep: "helped" });
|
|
}
|
|
};
|
|
|
|
const shouldShow = step === "searching" || step === "helped" || debug.active;
|
|
|
|
if (!shouldShow) {
|
|
return <></>;
|
|
}
|
|
|
|
return (
|
|
<InteractableObject
|
|
kind="trigger"
|
|
label="villageois_helper"
|
|
position={position}
|
|
onPress={handlePress}
|
|
>
|
|
<group position={position}>
|
|
<mesh>
|
|
<sphereGeometry args={[0.5, 16, 16]} />
|
|
<meshStandardMaterial color="cyan" />
|
|
</mesh>
|
|
</group>
|
|
</InteractableObject>
|
|
);
|
|
}
|