From 5ff1f4b91096410ca4a4b405fc3be1c76dbfe112 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 24 四月 2024 16:06:06 +0800
Subject: [PATCH] #

---
 src/components/agv.jsx |   59 +++++++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 49 insertions(+), 10 deletions(-)

diff --git a/src/components/agv.jsx b/src/components/agv.jsx
index 89041bb..bb7e222 100644
--- a/src/components/agv.jsx
+++ b/src/components/agv.jsx
@@ -5,7 +5,7 @@
 import Box from './box';
 import * as Common from '../utils/common';
 import * as TWEEN from "@tweenjs/tween.js";
-import { INTERVAL_TIME } from '@/config/setting'
+import { INTERVAL_TIME, MODEL_AGV_SCALE } from '@/config/setting'
 
 const Agv = (props) => {
     const { position, theta, height, loaderTheta, forkLength, trayList, hasBox } = props;
@@ -13,11 +13,14 @@
     const [groupPos, setGroupPos] = useState({ x: 0, y: 0, z: 0 });
     const [groupTheta, setGroupTheta] = useState(0);
     const [loaderHeight, setLoaderHeight] = useState(0);
+    const [integrateTheta, setIntegrateTheta] = useState(0);
+    const [forkDis, setForkDis] = useState(0);
 
     useEffect(() => {
         if (!props || Object.keys(props).length === 0) {
             return;
         }
+
         // group position
         const pos = {
             x: position?.[0],
@@ -26,11 +29,7 @@
         }
         if (!Common.deepEqual(groupPos, pos)) {
             new TWEEN.Tween(groupPos)
-                .to({
-                    x: position[0],
-                    y: position[1],
-                    z: position[2]
-                }, INTERVAL_TIME)
+                .to(pos, INTERVAL_TIME)
                 .easing(TWEEN.Easing.Linear.None)
                 .onUpdate((e) => {
                     setGroupPos({ ...e });
@@ -67,6 +66,33 @@
                 }).start();
         }
 
+        // loader theta
+        if (integrateTheta !== loaderTheta) {
+            const minTheta = Common.minDiffTheta(integrateTheta, loaderTheta);
+            new TWEEN.Tween({ value: integrateTheta })
+                .to({ value: minTheta }, INTERVAL_TIME)
+                .easing(TWEEN.Easing.Linear.None)
+                .onUpdate((e) => {
+                    setIntegrateTheta(e.value)
+                })
+                .onComplete((e) => {
+                    setIntegrateTheta(e.value)
+                }).start();
+        }
+
+        // fork lenght
+        if (forkDis !== forkLength) {
+            new TWEEN.Tween({ value: forkDis })
+                .to({ value: forkLength }, INTERVAL_TIME)
+                .easing(TWEEN.Easing.Linear.None)
+                .onUpdate((e) => {
+                    setForkDis(e.value)
+                })
+                .onComplete((e) => {
+                    setForkDis(e.value)
+                }).start();
+        }
+
     }, [props]);
 
     useFrame((state, delta) => {
@@ -78,6 +104,7 @@
         if (!fbx.castShadow) {
             Common.setShadow(fbx);
         }
+        fbx.scale.set(MODEL_AGV_SCALE, MODEL_AGV_SCALE, MODEL_AGV_SCALE);
         return fbx.clone();
     }, [])
 
@@ -86,6 +113,7 @@
         if (!fbx.castShadow) {
             Common.setShadow(fbx);
         }
+        fbx.scale.set(MODEL_AGV_SCALE, MODEL_AGV_SCALE, MODEL_AGV_SCALE);
         return fbx.clone();
     }, [])
 
@@ -94,6 +122,7 @@
         if (!fbx.castShadow) {
             Common.setShadow(fbx);
         }
+        fbx.scale.set(MODEL_AGV_SCALE, MODEL_AGV_SCALE, MODEL_AGV_SCALE);
         return fbx.clone();
     }, [])
 
@@ -101,16 +130,26 @@
         <>
             <group
                 rotation-y={Common.rotationParseNum(groupTheta)}
-                scale={0.5}
                 position={[groupPos.x, groupPos.y, groupPos.z]}
             >
                 <primitive object={bodyModel} castShadow />
                 <group
                     position-y={loaderHeight}
+                    rotation-y={Common.rotationParseNum(integrateTheta)}
                 >
-                    <primitive object={loaderModel} castShadow position={[0, 50, 0]} />
-                    <primitive object={forkModel} castShadow position={[0, 61, 0]} />
-                    <Box position={[100, 100, 300]} />
+                    <primitive object={loaderModel} castShadow position={[0, 20, 0]} />
+                    <group position-z={forkDis}>
+                        <primitive object={forkModel} castShadow position={[0, 25, 0]} />
+                        {hasBox && <Box position={[0, 24, 0]} />}
+                    </group>
+                </group>
+                <group>
+                    {trayList?.[0]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 25, 0]} />}
+                    {trayList?.[1]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 48, 0]} />}
+                    {trayList?.[2]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 71, 0]} />}
+                    {trayList?.[3]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 94, 0]} />}
+                    {trayList?.[4]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 117, 0]} />}
+                    {trayList?.[5]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 140, 0]} />}
                 </group>
             </group>
         </>

--
Gitblit v1.9.1