From 4c589aaa8e968e57f8c5b06e72541b617a460c97 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 22 四月 2024 17:00:40 +0800
Subject: [PATCH] #
---
src/core/warehouse.jsx | 40 ++++++++++++++++++++++++++++++++--------
1 files changed, 32 insertions(+), 8 deletions(-)
diff --git a/src/core/warehouse.jsx b/src/core/warehouse.jsx
index 54a317e..0443611 100644
--- a/src/core/warehouse.jsx
+++ b/src/core/warehouse.jsx
@@ -1,25 +1,48 @@
-import { useEffect, useRef, useMemo } from 'react';
+import { useState, useEffect, useRef, useMemo } from 'react';
import { useFrame } from '@react-three/fiber';
import * as THREE from 'three';
import Agv from '../components/agv';
+import Box from '../components/box';
import tunnelData from '../assets/data/tunnel';
import Tunnel from '../components/tunnel';
+import agvRealDataList from '@/assets/data/agv';
+import { INTERVAL_TIME } from '@/config/setting'
+
+let index = 0;
const Warehouse = (props) => {
+ const [agvData, setAgvData] = useState([
+ {}
+ ]);
+
+ const [boxData, setBoxData] = useState([
+ {}
+ ])
+
useEffect(() => {
+ const timer = setInterval(() => {
+ const agvRealData = agvRealDataList[index];
+ if (agvRealData) {
+ setAgvData((state) => {
+ return agvRealData;
+ });
+ }
+ index++;
+ }, INTERVAL_TIME);
+ return () => {
+ clearInterval(timer);
+ }
}, [])
-
- const agvEl = useMemo(() => {
- return (
- <Agv />
- )
- }, []);
const tunnelEl = useMemo(() => {
return tunnelData.map((tunnel, index) => <Tunnel key={index} {...tunnel} />)
}, []);
+
+ const agvEl = agvData.map((data, idx) => <Agv key={idx} {...data} />)
+
+ const boxEl = boxData.map((data, idx) => <Box key={idx} {...data} />)
useFrame((state, delta) => {
@@ -28,8 +51,9 @@
return (
<>
<group>
- {agvEl}
{tunnelEl}
+ {agvEl}
+ {boxEl}
</group>
</>
)
--
Gitblit v1.9.1