void;
+ onInput: (moveX: number, moveY: number) => void;
maxDist?: number;
};
@@ -29,7 +29,7 @@
return { x: e.clientX, y: e.clientY };
};
-export const useJoystick = ({ onMove, maxDist }: Props): UseJoystickReturn => {
+export const useJoystick = ({ onInput, maxDist }: Props): UseJoystickReturn => {
const [isMoving, setIsMoving] = useState(false);
const [basePos, setBasePos] = useState
({ x: 0, y: 0 });
const [stickPos, setStickPos] = useState({ x: 0, y: 0 });
@@ -62,16 +62,16 @@
const normalizedY = offsetY / limit;
setStickPos({ x: offsetX, y: offsetY });
- onMove(normalizedX, normalizedY);
+ onInput(normalizedX, normalizedY);
},
- [isMoving, basePos.x, basePos.y, limit, onMove]
+ [isMoving, basePos.x, basePos.y, limit, onInput]
);
const handleEnd = useCallback(() => {
setIsMoving(false);
setStickPos({ x: 0, y: 0 });
- onMove(0, 0);
- }, [onMove]);
+ onInput(0, 0);
+ }, [onInput]);
return { isMoving, basePos, stickPos, handleStart, handleMove, handleEnd };
};