From e35114114e96aabc1d66704cbe860e8e33370090 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 23 四月 2024 10:10:44 +0800
Subject: [PATCH] #

---
 src/components/agv.jsx |   66 ++++++++++++++++++++-------------
 1 files changed, 40 insertions(+), 26 deletions(-)

diff --git a/src/components/agv.jsx b/src/components/agv.jsx
index 2f256ad..6544d6e 100644
--- a/src/components/agv.jsx
+++ b/src/components/agv.jsx
@@ -3,36 +3,45 @@
 import { useFBX, useAnimations } from '@react-three/drei';
 import * as THREE from 'three';
 import Box from './box';
+import * as Common from '../utils/common';
+import * as TWEEN from "@tweenjs/tween.js";
+import { INTERVAL_TIME } from '@/config/setting'
 
-const setShadow = (obj) => {
-    obj.castShadow = true;
-    obj.receiveShadow = true;
-
-    if (obj.children) {
-        obj.children.forEach((child) => {
-            setShadow(child);
-        });
-    }
-};
-
-const setColor = (obj) => {
-    if (obj.material) {
-        obj.material.color.set(0x4680BF);
-    }
-    if (obj.children) {
-        obj.children.forEach((child) => {
-            setColor(child);
-        });
-    }
-};
+let coords = { x: 0, y: 0, z: 0 };
 
 const Agv = (props) => {
-    const { } = props;
+    const { position, theta } = props;
+
+    const [groupPos, setGroupPos] = useState({ x: 0, y: 0, z: 0 });
+
+    useEffect(() => {
+        if (!props || Object.keys(props).length === 0) {
+            return;
+        }
+        console.log(props);
+        const pos = {
+            x: props.position[0],
+            y: 0,
+            z: props.position[2],
+        }
+        // new TWEEN.Tween(coords)
+        //     .to(pos, INTERVAL_TIME)
+        //     .easing(TWEEN.Easing.Linear.None)
+        //     .onUpdate((e) => {
+        //         coords = e;
+        //         console.log(e);
+        //     })
+        //     .start();
+    }, [props]);
+
+    useFrame((state, delta) => {
+        TWEEN.update();
+    })
 
     const bodyModel = useMemo(() => {
         const fbx = useFBX('/models/agv/body.fbx');
         if (!fbx.castShadow) {
-            setShadow(fbx);
+            Common.setShadow(fbx);
         }
         return fbx.clone();
     }, [])
@@ -40,7 +49,7 @@
     const loaderModel = useMemo(() => {
         const fbx = useFBX('/models/agv/loader.fbx');
         if (!fbx.castShadow) {
-            setShadow(fbx);
+            Common.setShadow(fbx);
         }
         return fbx.clone();
     }, [])
@@ -48,18 +57,23 @@
     const forkModel = useMemo(() => {
         const fbx = useFBX('/models/agv/fork.fbx');
         if (!fbx.castShadow) {
-            setShadow(fbx);
+            Common.setShadow(fbx);
         }
         return fbx.clone();
     }, [])
 
     useEffect(() => {
 
+
     }, []);
 
     return (
         <>
-            <group rotation={[0, 0, 0]} scale={0.5} position={[0, 0, 0]}>
+            <group
+                rotation-y={Common.rotationParseNum(theta)}
+                scale={0.5}
+                position={position}
+            >
                 <primitive object={bodyModel} castShadow />
                 <primitive object={loaderModel} castShadow position={[0, 100, 0]} />
                 <primitive object={forkModel} castShadow position={[0, 120, 0]} />

--
Gitblit v1.9.1