#

luxiaotao1123

2024-05-06 659b7a62afe6d2cc4a40371449212145f74855bf

#

 src/components/agv.jsx

@@ -14,13 +14,16 @@
} from '../config/setting'

const Agv = (props) => {
    const { agvNo, position, theta, height, loaderTheta, forkLength, trayList, hasBox } = props;
    const { agvNo, position, theta, loaderTheta, trayList, hasBox } = props;
    const height = props.height * 0.06;
    const forkLength = props.forkLength * 0.1;

    const [groupPos, setGroupPos] = useState({ x: 0, y: 0, z: 0 });
    const [groupTheta, setGroupTheta] = useState(0);
    const [loaderHeight, setLoaderHeight] = useState(0);
    const [integrateTheta, setIntegrateTheta] = useState(0);
    const [forkDis, setForkDis] = useState(0);
    const [realTrayList, setRealTrayList] = useState([]);

    useEffect(() => {
        if (!props || Object.keys(props).length === 0) {
@@ -28,17 +31,12 @@
        }

        // group position
        // const pos = {
        //     x: position?.[0],
        //     y: position?.[1],
        //     z: position?.[2],
        // }
        const pos = {
            x: position?.[0] * REAL_COMPARE_MAP_SCALE + REAL_COMPARE_MAP_OFFSET_X,
            x: position?.[2] * REAL_COMPARE_MAP_SCALE + REAL_COMPARE_MAP_OFFSET_X,
            y: position?.[1] * REAL_COMPARE_MAP_SCALE,
            z: position?.[2] * REAL_COMPARE_MAP_SCALE + REAL_COMPARE_MAP_OFFSET_Z,
            z: position?.[0] * REAL_COMPARE_MAP_SCALE + REAL_COMPARE_MAP_OFFSET_Z,
        }
        if (!Common.deepEqual(groupPos, pos)) {
        if (!Common.deepEqual(groupPos, pos) && props.position) {
            new TWEEN.Tween(groupPos)
                .to(pos, INTERVAL_TIME)
                .easing(TWEEN.Easing.Linear.None)
@@ -51,7 +49,7 @@
        }

        // group theta
        if (groupTheta !== theta) {
        if (groupTheta !== theta && props.theta) {
            const minTheta = Common.minDiffTheta(groupTheta, theta);
            new TWEEN.Tween({ value: groupTheta })
                .to({ value: minTheta }, INTERVAL_TIME)
@@ -65,7 +63,7 @@
        }

        // loader height
        if (loaderHeight !== height) {
        if (loaderHeight !== height && props.height) {
            new TWEEN.Tween({ value: loaderHeight })
                .to({ value: height }, INTERVAL_TIME)
                .easing(TWEEN.Easing.Linear.None)
@@ -79,7 +77,7 @@

        // loader theta
        const loaderAbsoluteAngle = (theta + loaderTheta) % 360;
        if (integrateTheta !== loaderAbsoluteAngle) {
        if (integrateTheta !== loaderAbsoluteAngle && props.loaderTheta) {
            const minTheta = Common.minDiffTheta(integrateTheta, loaderAbsoluteAngle);
            new TWEEN.Tween({ value: integrateTheta })
                .to({ value: minTheta }, INTERVAL_TIME)
@@ -93,7 +91,7 @@
        }

        // fork lenght
        if (forkDis !== forkLength) {
        if (forkDis !== forkLength && props.forkLength) {
            new TWEEN.Tween({ value: forkDis })
                .to({ value: forkLength }, INTERVAL_TIME)
                .easing(TWEEN.Easing.Linear.None)
@@ -103,6 +101,10 @@
                .onComplete((e) => {
                    setForkDis(e.value)
                }).start();
        }

        if (trayList) {
            setRealTrayList(trayList);
        }

    }, [props]);
@@ -156,12 +158,12 @@
                    </group>
                </group>
                <group>
                    {trayList?.[0]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 25, 0]} />}
                    {trayList?.[1]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 48, 0]} />}
                    {trayList?.[2]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 71, 0]} />}
                    {trayList?.[3]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 94, 0]} />}
                    {trayList?.[4]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 117, 0]} />}
                    {trayList?.[5]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 140, 0]} />}
                    {realTrayList?.[0]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 25, 0]} />}
                    {realTrayList?.[1]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 48, 0]} />}
                    {realTrayList?.[2]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 71, 0]} />}
                    {realTrayList?.[3]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 94, 0]} />}
                    {realTrayList?.[4]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 117, 0]} />}
                    {realTrayList?.[5]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 140, 0]} />}
                </group>
            </group>
        </>

 src/core/warehouse.jsx

@@ -26,23 +26,27 @@

    useEffect(() => {
        const timer = setInterval(() => {
            console.log('do');
            getBoxData().then(res => {
                setBoxData(res);
            })

            getAgvData().then(res => {
                // setAgvData(res);
                console.log(JSON.stringify(res))
                if (res && res.length > 0) {
                    setAgvData(res);
                }
            })

            const agvRealData = agvRealDataList[index];
            if (agvRealData) {
                setAgvData(agvRealData);
                // setAgvData(agvRealData);
            }
            index++;
        }, INTERVAL_TIME * 1.1);

        return () => {
            clearInterval(timer);
            // clearInterval(timer);
        }
    }, [])

@@ -65,7 +69,7 @@
    const boxEl = useMemo(() => {
        return boxData.map((data, idx) => <Box key={idx} {...data} />)
    }, [boxData]);
    

    const agvEl = useMemo(() => {
        return agvData.map((data, idx) => <Agv key={idx} {...data} />)
    }, [agvData]);

 src/pages/fiber.jsx

@@ -25,16 +25,16 @@
                <Lights />
                <Camera />
                <Sky distance={450000} sunPosition={[0, 1, 0]} inclination={0} azimuth={0.25} />
                <Buildings />
                <TreeGroup />
                <House />
                {/* <Buildings /> */}
                {/* <TreeGroup /> */}
                {/* <House /> */}
                <Warehouse />
                <OrbitControls />
                <Environment background preset="night" />
                <Help />
            </Canvas>
            <Left />
            <Right />
            {/* <Left /> */}
            {/* <Right /> */}
        </div>

    )