| | |
| | | if (!props || Object.keys(props).length === 0) { |
| | | return; |
| | | } |
| | | console.log(props); |
| | | const pos = { |
| | | x: props.position[0], |
| | | y: 0, |
| | | z: props.position[2], |
| | | } |
| | | // new TWEEN.Tween(coords) |
| | | // .to(pos, INTERVAL_TIME) |
| | | // .easing(TWEEN.Easing.Linear.None) |
| | |
| | | |
| | | useFrame((state, delta) => { |
| | | TWEEN.update(); |
| | | setGroupPos(preState => ({ |
| | | ...preState, |
| | | x: preState.x + 1 |
| | | })) |
| | | }) |
| | | |
| | | const bodyModel = useMemo(() => { |
| | |
| | | return fbx.clone(); |
| | | }, []) |
| | | |
| | | useEffect(() => { |
| | | |
| | | |
| | | }, []); |
| | | |
| | | return ( |
| | | <> |
| | | <group |
| | | rotation-y={Common.rotationParseNum(theta)} |
| | | scale={0.5} |
| | | position={position} |
| | | position={[groupPos.x, groupPos.y, groupPos.z]} |
| | | > |
| | | <primitive object={bodyModel} castShadow /> |
| | | <primitive object={loaderModel} castShadow position={[0, 100, 0]} /> |
| | |
| | | useEffect(() => { |
| | | const timer = setInterval(() => { |
| | | const agvRealData = agvRealDataList[index]; |
| | | setAgvData(agvRealData); |
| | | if (agvRealData) { |
| | | setAgvData(agvRealData); |
| | | } |
| | | index++; |
| | | }, 1000); |
| | | |