| | |
| | | await Http.fetchMapData(); |
| | | websocket.connect(); |
| | | websocket.onMessage = (wsMsg) => { |
| | | Tool.generateDynamicGraphic(curZone, JSON.parse(wsMsg)); |
| | | Tool.generateDynamicGraphic(curZone, JSON.parse(wsMsg), setCurSprite); |
| | | } |
| | | |
| | | setTimeout(() => { |
| | |
| | | |
| | | // dynamic graphic ---------------- |
| | | |
| | | export const generateDynamicGraphic = (curZone, data) => { |
| | | export const generateDynamicGraphic = (curZone, data, setCurSprite) => { |
| | | // console.log("ws", curZone, data); |
| | | |
| | | for (const agvVo of data.agvVos) { |
| | | showAgvSprite(curZone, agvVo) |
| | | showAgvSprite(curZone, agvVo, setCurSprite) |
| | | } |
| | | |
| | | } |
| | | |
| | | const showAgvSprite = (curZone, agvVo) => { |
| | | const showAgvSprite = (curZone, agvVo, setCurSprite) => { |
| | | const { agvNo, code, direction, backpack, battery, ...rest } = agvVo; |
| | | if (!code) { return } |
| | | const codeSprite = querySprite(DEVICE_TYPE.POINT, code); |
| | |
| | | agvSprite.position.set(codeSprite.position.x, codeSprite.position.y); |
| | | agvSprite.rotation = rotationParseNum(direction); |
| | | mapContainer.addChild(agvSprite); |
| | | // viewFeature(shuttle, setCurSPrite); // todo |
| | | beInsight(agvSprite, setCurSprite); |
| | | // agv no on sprite |
| | | } |
| | | } |