#

luxiaotao1123

2024-04-22 1ef8e8f18cc3822d828b97d67483fd1f89ba0f06

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
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'
 
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(agvRealData);
            }
            index++;
        }, 2000);
 
        return () => {
            clearInterval(timer);
        }
    }, [])
 
    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) => {
 
    })
 
    return (
        <>
            <group>
                {tunnelEl}
                {agvEl}
                {boxEl}
            </group>
        </>
    )
}
 
export default Warehouse;