diff --git a/app/src/modules/builder/agv/agv.tsx b/app/src/modules/builder/agv/agv.tsx index 52ad15c..e8a7ea7 100644 --- a/app/src/modules/builder/agv/agv.tsx +++ b/app/src/modules/builder/agv/agv.tsx @@ -12,11 +12,9 @@ interface RawNavMesh { interface NavMesh { raw: RawNavMesh; } -// interface LineProps{ -// lines -// planes: -// } -export default function Agv({ }) { +export default function Agv({ lines, plane }: any) { + console.log("planes: ", plane); + console.log("lines: ", lines); const { scene } = useThree(); const groupRef = useRef(null); const [navMesh, setNavMesh] = useState(null); @@ -1567,7 +1565,12 @@ export default function Agv({ }) { return ( <> - + {pathPoints.map((pair, i) => ( diff --git a/app/src/modules/builder/agv/navMeshDetails.tsx b/app/src/modules/builder/agv/navMeshDetails.tsx index f702d74..0f4852e 100644 --- a/app/src/modules/builder/agv/navMeshDetails.tsx +++ b/app/src/modules/builder/agv/navMeshDetails.tsx @@ -155,7 +155,7 @@ export default function NavMeshDetails({ setNavMesh }: MeshState) { // Draw the debug visualization const debugDrawer = new DebugDrawer(); debugDrawer.drawNavMesh(navMesh); - scene.add(debugDrawer); // Uncomment if you want to add the debug drawer to the scene + // scene.add(debugDrawer); // Uncomment if you want to add the debug drawer to the scene } catch (error) {} }; diff --git a/app/src/modules/builder/agv/polygonGenerator.tsx b/app/src/modules/builder/agv/polygonGenerator.tsx index 0f4307b..3ad5c95 100644 --- a/app/src/modules/builder/agv/polygonGenerator.tsx +++ b/app/src/modules/builder/agv/polygonGenerator.tsx @@ -17,26 +17,34 @@ type LineData = { type PolygonGeneratorProps = { processPoint: LineData[]; groupRef: React.RefObject; + lines: any; + plane: any; }; export default function PolygonGenerator({ processPoint, groupRef, + lines, + plane, }: PolygonGeneratorProps) { const { scene } = useThree(); - let lines : Types.Lines; -// console.log("storedFloorItems: ", lines); + console.log( + "lines: ", + lines.current.map((val: any) => val) + ); + console.log("planes: ", plane); + // console.log("storedFloorItems: ", lines); -// useEffect(() => { -// if (!groupRef?.current) return; -// const groundGeometry = new THREE.BoxGeometry(80, 1, 60); -// const groundMaterial = new THREE.MeshBasicMaterial({ color: "#99ff99" }); -// const groundMesh = new THREE.Mesh(groundGeometry, groundMaterial); -// groundMesh.position.set(-10, -0.5, 3); -// groundMesh.name = "GroundMesh"; -// groupRef.current.add(groundMesh); -// scene.add(groupRef.current); -// }, [groupRef, scene]); + useEffect(() => { + if (!groupRef?.current) return; + // const groundGeometry = new THREE.BoxGeometry(80, 1, 60); + // const groundMaterial = new THREE.MeshBasicMaterial({ color: "#99ff99" }); + // const groundMesh = new THREE.Mesh(groundGeometry, groundMaterial); + // groundMesh.position.set(-10, -0.5, 3); + // groundMesh.name = "GroundMesh"; + groupRef.current.add(plane); + scene.add(groupRef.current); + }, [groupRef, scene]); useEffect(() => { if (!processPoint) return; @@ -97,7 +105,10 @@ export default function PolygonGenerator({ const height = 3; const geometry = new THREE.BoxGeometry(width, height, depth); - const material = new THREE.MeshBasicMaterial({ color: "#ff66cc" }); + const material = new THREE.MeshBasicMaterial({ + color: "#ff66cc", + visible: false, + }); const mesh = new THREE.Mesh(geometry, material); mesh.position.set((minX + maxX) / 2, height / 2, (minZ + maxZ) / 2); diff --git a/app/src/modules/scene/world/world.tsx b/app/src/modules/scene/world/world.tsx index 998b22d..16b4b53 100644 --- a/app/src/modules/scene/world/world.tsx +++ b/app/src/modules/scene/world/world.tsx @@ -359,8 +359,7 @@ export default function World() { - - {/* */} + ); }