From ec369646ea85d2f6468459c53714d83a29a82419 Mon Sep 17 00:00:00 2001
From: Ki2lian <64066124+Ki2lian@users.noreply.github.com>
Date: Wed, 27 Nov 2024 16:19:35 +0100
Subject: [PATCH] feat: add props to invert camera on X and Y axes

---
 src/Ecctrl.tsx             |  6 ++++++
 src/hooks/useFollowCam.tsx | 24 ++++++++++++++++++------
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/Ecctrl.tsx b/src/Ecctrl.tsx
index 052552c..dbd9974 100644
--- a/src/Ecctrl.tsx
+++ b/src/Ecctrl.tsx
@@ -69,6 +69,8 @@ const Ecctrl: ForwardRefRenderFunction<CustomEcctrlRigidBody, EcctrlProps> = ({
   camTargetPos = { x: 0, y: 0, z: 0 },
   camMoveSpeed = 1,
   camZoomSpeed = 1,
+  camInvertX = false,
+  camInvertY = false,
   camCollision = true,
   camCollisionOffset = 0.7,
   camCollisionSpeedMult = 4,
@@ -569,6 +571,8 @@ const Ecctrl: ForwardRefRenderFunction<CustomEcctrlRigidBody, EcctrlProps> = ({
     camCollisionOffset,
     camCollisionSpeedMult,
     camListenerTarget,
+    camInvertX,
+    camInvertY
   };
 
   /**
@@ -1566,6 +1570,8 @@ export interface EcctrlProps extends RigidBodyProps {
   camTargetPos?: { x: number, y: number, z: number };
   camMoveSpeed?: number;
   camZoomSpeed?: number;
+  camInvertX?: boolean,
+  camInvertY?: boolean,
   camCollision?: boolean;
   camCollisionOffset?: number;
   camCollisionSpeedMult?: number;
diff --git a/src/hooks/useFollowCam.tsx b/src/hooks/useFollowCam.tsx
index 9e2710b..af820f3 100644
--- a/src/hooks/useFollowCam.tsx
+++ b/src/hooks/useFollowCam.tsx
@@ -16,6 +16,8 @@ export const useFollowCam = function ({
   camInitDir = { x: 0, y: 0 }, // in rad
   camMoveSpeed = 1,
   camZoomSpeed = 1,
+  camInvertX = false,
+  camInvertY = false,
   camCollisionOffset = 0.7, // percentage
   camCollisionSpeedMult = 4,
   camListenerTarget = "domElement",
@@ -24,6 +26,14 @@ export const useFollowCam = function ({
   const { scene, camera, gl } = useThree();
   // const { rapier, world } = useRapier();
 
+  const camInvertXRef = useRef(camInvertX ? -1 : 1);
+  const camInvertYRef = useRef(camInvertY ? -1 : 1);
+
+  useEffect(() => {
+    camInvertXRef.current = camInvertX ? -1 : 1;
+    camInvertYRef.current = camInvertY ? -1 : 1;
+}, [camInvertX, camInvertY]);
+
   let isMouseDown = false;
   let previousTouch1: Touch = null;
   let previousTouch2: Touch = null;
@@ -64,8 +74,8 @@ export const useFollowCam = function ({
   // Mouse move event
   const onDocumentMouseMove = (e: MouseEvent) => {
     if (document.pointerLockElement || isMouseDown) {
-      pivot.rotation.y -= e.movementX * 0.002 * camMoveSpeed;
-      const vy = followCam.rotation.x + e.movementY * 0.002 * camMoveSpeed;
+      pivot.rotation.y -= e.movementX * 0.002 * camMoveSpeed * camInvertXRef.current;
+      const vy = followCam.rotation.x + (e.movementY * camInvertYRef.current) * 0.002 * camMoveSpeed;
 
       cameraDistance = followCam.position.length();
 
@@ -114,8 +124,8 @@ export const useFollowCam = function ({
       const touch1MovementX = touch1.pageX - previousTouch1.pageX;
       const touch1MovementY = touch1.pageY - previousTouch1.pageY;
 
-      pivot.rotation.y -= touch1MovementX * 0.005 * camMoveSpeed;
-      const vy = followCam.rotation.x + touch1MovementY * 0.005 * camMoveSpeed;
+      pivot.rotation.y -= touch1MovementX * 0.005 * camMoveSpeed * camInvertXRef.current;
+      const vy = followCam.rotation.x + (touch1MovementY * camInvertYRef.current) * 0.005 * camMoveSpeed;
 
       cameraDistance = followCam.position.length();
 
@@ -155,8 +165,8 @@ export const useFollowCam = function ({
    * Gamepad second joystick event
    */
   const joystickCamMove = (movementX: number, movementY: number) => {
-    pivot.rotation.y -= movementX * 0.005 * camMoveSpeed * 5;
-    const vy = followCam.rotation.x + movementY * 0.005 * camMoveSpeed * 5;
+    pivot.rotation.y -= movementX * 0.005 * camMoveSpeed * 5 * camInvertXRef.current;
+    const vy = followCam.rotation.x + (movementY * camInvertYRef.current) * 0.005 * camMoveSpeed * 5;
 
     cameraDistance = followCam.position.length();
 
@@ -327,6 +337,8 @@ export type UseFollowCamProps = {
   camInitDir?: { x: number, y: number };
   camMoveSpeed?: number;
   camZoomSpeed?: number;
+  camInvertX?: boolean,
+  camInvertY?: boolean,
   camCollisionOffset?: number;
   camCollisionSpeedMult?: number;
   camListenerTarget?: camListenerTargetType;