#

luxiaotao1123

2024-04-22 4c589aaa8e968e57f8c5b06e72541b617a460c97

 src/core/warehouse.jsx

@@ -2,34 +2,58 @@
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 [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 = agvData.map((data, idx) => <Agv key={idx} {...data} />)

    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) => {


        // setAgvData();
    })

    return (
        <>
            <group>
                {agvEl}
                {tunnelEl}
                {agvEl}
                {boxEl}
            </group>
        </>
    )