110 lines
2.9 KiB
TypeScript
110 lines
2.9 KiB
TypeScript
import { useEffect, useRef, useState } from "react";
|
|
import { Line } from "@react-three/drei";
|
|
import {
|
|
useNavMesh,
|
|
usePlayAgv,
|
|
useSimulationStates,
|
|
} from "../../../store/store";
|
|
import PathNavigator from "./pathNavigator";
|
|
import { useAnimationPlaySpeed, usePlayButtonStore, useResetButtonStore } from "../../../store/usePlayButtonStore";
|
|
|
|
type PathPoints = {
|
|
modelUuid: string;
|
|
modelSpeed: number;
|
|
bufferTime: number;
|
|
points: { x: number; y: number; z: number }[];
|
|
hitCount: number;
|
|
};
|
|
interface ProcessContainerProps {
|
|
processes: any[];
|
|
agvRef: any;
|
|
MaterialRef: any;
|
|
}
|
|
|
|
const Agv: React.FC<ProcessContainerProps> = ({
|
|
processes,
|
|
agvRef,
|
|
MaterialRef,
|
|
}) => {
|
|
const [pathPoints, setPathPoints] = useState<PathPoints[]>([]);
|
|
const { simulationStates } = useSimulationStates();
|
|
const { navMesh } = useNavMesh();
|
|
const { isPlaying } = usePlayButtonStore();
|
|
const { isReset, setReset } = useResetButtonStore();
|
|
const { speed } = useAnimationPlaySpeed();
|
|
const globalSpeed = useRef(1);
|
|
|
|
useEffect(() => { globalSpeed.current = speed }, [speed])
|
|
|
|
useEffect(() => {
|
|
if (!isPlaying || isReset) {
|
|
agvRef.current = [];
|
|
}
|
|
}, [isPlaying, isReset])
|
|
|
|
useEffect(() => {
|
|
if (simulationStates.length > 0) {
|
|
const agvModels = simulationStates.filter(
|
|
(val) => val.modelName === "agv" && val.type === "Vehicle"
|
|
);
|
|
|
|
const newPathPoints = agvModels
|
|
.filter(
|
|
(model: any) =>
|
|
model.points &&
|
|
model.points.actions &&
|
|
typeof model.points.actions.start === "object" &&
|
|
typeof model.points.actions.end === "object" &&
|
|
"x" in model.points.actions.start &&
|
|
"y" in model.points.actions.start &&
|
|
"x" in model.points.actions.end &&
|
|
"y" in model.points.actions.end
|
|
)
|
|
.map((model: any) => ({
|
|
modelUuid: model.modeluuid,
|
|
modelSpeed: model.points.speed,
|
|
bufferTime: model.points.actions.buffer,
|
|
hitCount: model.points.actions.hitCount,
|
|
points: [
|
|
{ x: model.position[0], y: model.position[1], z: model.position[2], },
|
|
{ x: model.points.actions.start.x, y: 0, z: model.points.actions.start.y, },
|
|
{ x: model.points.actions.end.x, y: 0, z: model.points.actions.end.y, },
|
|
],
|
|
}));
|
|
|
|
setPathPoints(newPathPoints);
|
|
}
|
|
}, [simulationStates]);
|
|
|
|
return (
|
|
<>
|
|
{pathPoints.map((pair, i) => (
|
|
<group key={i}>
|
|
<PathNavigator
|
|
key={i}
|
|
navMesh={navMesh}
|
|
pathPoints={pair.points}
|
|
id={pair.modelUuid}
|
|
speed={pair.modelSpeed}
|
|
globalSpeed={globalSpeed.current}
|
|
bufferTime={pair.bufferTime}
|
|
hitCount={pair.hitCount}
|
|
processes={processes}
|
|
agvRef={agvRef}
|
|
MaterialRef={MaterialRef}
|
|
/>
|
|
|
|
{pair.points.slice(1).map((point, idx) => (
|
|
<mesh position={[point.x, point.y, point.z]} key={idx} visible={!isPlaying}>
|
|
<sphereGeometry args={[0.3, 15, 15]} />
|
|
<meshStandardMaterial color="red" />
|
|
</mesh>
|
|
))}
|
|
</group>
|
|
))}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Agv;
|