pillar jib animator added

app/src/modules/simulation/crane/instances/helper/pillarJibHelper.tsx

@@ -0,0 +1,77 @@
+import { useMemo } from "react";
+import * as THREE from "three";
+import { useThree } from "@react-three/fiber";
+
+function PillarJibHelper({ crane }: { crane: CraneStatus }) {
+    const { scene } = useThree();
+
+    const { geometry, position } = useMemo(() => {
+        const model = scene.getObjectByProperty('uuid', crane.modelUuid);
+        if (!model) return { geometry: null, position: null };
+
+        const base = model.getObjectByName('base');
+        const trolley = model.getObjectByName('trolley');
+        const hook = model.getObjectByName('hook');
+
+        if (!base || !trolley || !hook) return { geometry: null, position: null };
+
+        const baseWorld = new THREE.Vector3();
+        base.getWorldPosition(baseWorld);
+
+        const trolleyWorld = new THREE.Vector3();
+        trolley.getWorldPosition(trolleyWorld);
+
+        const hookWorld = new THREE.Vector3();
+        hook.getWorldPosition(hookWorld);
+
+        const trolleyMinOffset = -1;
+        const trolleyMaxOffset = 1.75;
+        const hookMinOffset = 0.25;
+        const hookMaxOffset = -1.5;
+
+        const distFromBase = new THREE.Vector2(trolleyWorld.x - baseWorld.x, trolleyWorld.z - baseWorld.z).length();
+        const outerRadius = distFromBase + trolleyMaxOffset;
+        const innerRadius = Math.max(distFromBase + trolleyMinOffset, 0.05);
+        const height = (hookMinOffset - (hookMaxOffset));
+        const cylinderYPosition = hookWorld.y + (height / 2) + (hookMaxOffset + hookMinOffset) / 2;
+
+        const shape = new THREE.Shape();
+        shape.absarc(0, 0, outerRadius, 0, Math.PI * 2, false);
+
+        const hole = new THREE.Path();
+        hole.absarc(0, 0, innerRadius, 0, Math.PI * 2, true);
+        shape.holes.push(hole);
+
+        const extrudeSettings = {
+            depth: height,
+            bevelEnabled: false,
+            steps: 1
+        };
+
+        const geometry = new THREE.ExtrudeGeometry(shape, extrudeSettings);
+        const position: [number, number, number] = [baseWorld.x, cylinderYPosition, baseWorld.z];
+
+        return { geometry, position };
+    }, [scene, crane.modelUuid]);
+
+    if (!geometry || !position) return null;
+
+    return (
+        <mesh
+            geometry={geometry}
+            position={position}
+            rotation={[Math.PI / 2, 0, 0]}
+        >
+            <meshStandardMaterial
+                color={0x888888}
+                metalness={0.5}
+                roughness={0.4}
+                side={THREE.DoubleSide}
+                transparent={true}
+                opacity={0.3}
+            />
+        </mesh>
+    );
+}
+
+export default PillarJibHelper;