| | |
| | | import { useEffect, useRef, useMemo } from 'react'; |
| | | import { useFrame } from '@react-three/fiber'; |
| | | import * as THREE from 'three'; |
| | | import Agv from '../components/agv'; |
| | | import tunnelData from '../assets/data/tunnel'; |
| | | import Tunnel from '../components/tunnel'; |
| | | |
| | | const Warehouse = (props) => { |
| | | |
| | | useEffect(() => { |
| | | |
| | | |
| | | }, []) |
| | | |
| | | const agvEl = useMemo(() => { |
| | | return ( |
| | | <Agv /> |
| | | ) |
| | | }, []); |
| | | |
| | | const tunnelEl = useMemo(() => { |
| | | return tunnelData.map((tunnel, index) => <Tunnel key={index} {...tunnel} />) |
| | | }, []); |
| | | |
| | | useFrame((state, delta) => { |
| | | |
| | | }) |
| | | |
| | | return ( |
| | | <> |
| | | |
| | | <group> |
| | | {agvEl} |
| | | {tunnelEl} |
| | | </group> |
| | | </> |
| | | ) |
| | | } |