| | |
| | | import BoolValueIcon from '../BoolValueIcon'; |
| | | import ConfirmButton from '../../../page/components/ConfirmButton'; |
| | | import { grey } from '@mui/material/colors'; |
| | | import * as Tool from '../../tool'; |
| | | import { |
| | | DEVICE_TYPE, |
| | | } from '../../constants'; |
| | | |
| | | const AgvMain = (props) => { |
| | | const { curAgvNo, curAgvInfo: info, fetchAgvInfo } = props; |
| | |
| | | |
| | | const renderThree = (curAgvNo) => { |
| | | if (curAgvNo && threeRef.current) { |
| | | const agvSprite = Tool.querySprite(DEVICE_TYPE.AGV, curAgvNo); |
| | | const agvModel = agvSprite.data.model; |
| | | |
| | | threeRef.current.generateMesh((loader, addObject) => { |
| | | const loadModel = (path) => { |
| | | return new Promise((resolve, reject) => { |
| | |
| | | }); |
| | | }; |
| | | |
| | | Promise.all([ |
| | | loadModel('model/agv/body.fbx'), |
| | | loadModel('model/agv/loader.fbx'), |
| | | loadModel('model/agv/fork.fbx'), |
| | | // loadModel('model/asr/body.fbx'), |
| | | // loadModel('model/asr/loader.fbx'), |
| | | // loadModel('model/asr/fork.fbx'), |
| | | ]).then(([bodyMesh, loaderMesh, forkMesh]) => { |
| | | const scaleVal = 1; |
| | | // const scaleVal = 0.48; |
| | | bodyMesh.scale.set(scaleVal, scaleVal, scaleVal); |
| | | loaderMesh.scale.set(scaleVal, scaleVal, scaleVal); |
| | | forkMesh.scale.set(scaleVal, scaleVal, scaleVal); |
| | | if (agvModel === 'HEAVY_LOAD_STACKING_ROBOT') { |
| | | Promise.all([ |
| | | loadModel('model/asr/body.fbx'), |
| | | loadModel('model/asr/loader.fbx'), |
| | | loadModel('model/asr/fork.fbx'), |
| | | ]).then(([bodyMesh, loaderMesh, forkMesh]) => { |
| | | const scaleVal = 0.48; |
| | | bodyMesh.scale.set(scaleVal, scaleVal, scaleVal); |
| | | loaderMesh.scale.set(scaleVal, scaleVal, scaleVal); |
| | | forkMesh.scale.set(scaleVal, scaleVal, scaleVal); |
| | | |
| | | bodyMesh.position.set(55, 0, 0);; |
| | | loaderMesh.position.set(55, 150, 0);; |
| | | forkMesh.position.set(55, 165, 0);; |
| | | // bodyMesh.position.set(55, 0, 0);; |
| | | // loaderMesh.position.set(55, 150, 0);; |
| | | // forkMesh.position.set(55, 165, 0);; |
| | | bodyMesh.position.set(55, 0, 0);; |
| | | loaderMesh.position.set(55, 150, 0);; |
| | | forkMesh.position.set(55, 165, 0);; |
| | | |
| | | const agvGroup = new THREE.Group(); |
| | | agvGroup.add(bodyMesh); |
| | | agvGroup.add(loaderMesh); |
| | | agvGroup.add(forkMesh); |
| | | const agvGroup = new THREE.Group(); |
| | | agvGroup.add(bodyMesh); |
| | | agvGroup.add(loaderMesh); |
| | | agvGroup.add(forkMesh); |
| | | |
| | | agvGroup.name = curAgvNo; |
| | | agvGroup.name = curAgvNo; |
| | | |
| | | addObject(agvGroup); |
| | | addObject(agvGroup); |
| | | |
| | | threeRef.current?.rePerspective(350, 450); |
| | | threeRef.current?.rePerspective(350, 450); |
| | | |
| | | }).catch((error) => { |
| | | console.error(error); |
| | | }); |
| | | }).catch((error) => { |
| | | console.error(error); |
| | | }); |
| | | } else { |
| | | Promise.all([ |
| | | loadModel('model/agv/body.fbx'), |
| | | loadModel('model/agv/loader.fbx'), |
| | | loadModel('model/agv/fork.fbx'), |
| | | ]).then(([bodyMesh, loaderMesh, forkMesh]) => { |
| | | const scaleVal = 1; |
| | | bodyMesh.scale.set(scaleVal, scaleVal, scaleVal); |
| | | loaderMesh.scale.set(scaleVal, scaleVal, scaleVal); |
| | | forkMesh.scale.set(scaleVal, scaleVal, scaleVal); |
| | | |
| | | bodyMesh.position.set(55, 0, 0);; |
| | | loaderMesh.position.set(55, 150, 0);; |
| | | forkMesh.position.set(55, 165, 0);; |
| | | |
| | | const agvGroup = new THREE.Group(); |
| | | agvGroup.add(bodyMesh); |
| | | agvGroup.add(loaderMesh); |
| | | agvGroup.add(forkMesh); |
| | | |
| | | agvGroup.name = curAgvNo; |
| | | |
| | | addObject(agvGroup); |
| | | |
| | | threeRef.current?.rePerspective(350, 450); |
| | | |
| | | }).catch((error) => { |
| | | console.error(error); |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | } |