67 lines
2.5 KiB
TypeScript
67 lines
2.5 KiB
TypeScript
|
import * as THREE from "three";
|
||
|
import * as Types from "../../../../types/world/worldTypes";
|
||
|
import * as CONSTANTS from "../../../../types/world/worldConstants";
|
||
|
import { Base } from "@react-three/csg";
|
||
|
import { MeshDiscardMaterial } from "@react-three/drei";
|
||
|
import { useEffect } from "react";
|
||
|
import objectLinesToArray from "../../../builder/geomentries/lines/lineConvertions/objectLinesToArray";
|
||
|
import loadWalls from "../../../builder/geomentries/walls/loadWalls";
|
||
|
import texturePath from "../../../../assets/textures/floor/wall-tex.png";
|
||
|
import { getLines } from "../../../../services/factoryBuilder/lines/getLinesApi";
|
||
|
|
||
|
const WallsMeshDuplicate = ({ projectId, walls, setWalls, lines }: any) => {
|
||
|
|
||
|
useEffect(() => {
|
||
|
const email = localStorage.getItem("email");
|
||
|
const organization = email!.split("@")[1].split(".")[0];
|
||
|
|
||
|
getLines(organization, projectId).then((data) => {
|
||
|
const Lines: Types.Lines = objectLinesToArray(data);
|
||
|
if (Lines) {
|
||
|
lines.current = Lines;
|
||
|
loadWalls(lines, setWalls);
|
||
|
}
|
||
|
});
|
||
|
}, []);
|
||
|
|
||
|
const textureLoader = new THREE.TextureLoader();
|
||
|
const wallTexture = textureLoader.load(texturePath);
|
||
|
|
||
|
wallTexture.wrapS = wallTexture.wrapT = THREE.RepeatWrapping;
|
||
|
wallTexture.repeat.set(0.1, 0.1);
|
||
|
wallTexture.colorSpace = THREE.SRGBColorSpace;
|
||
|
|
||
|
return (
|
||
|
<>
|
||
|
{walls.map((wall: Types.Wall, index: number) => (
|
||
|
<mesh key={index} renderOrder={1}>
|
||
|
<Base
|
||
|
name={`Wall${index + 1}`}
|
||
|
geometry={wall[0]}
|
||
|
rotation={wall[1]}
|
||
|
position={wall[2]}
|
||
|
userData={{ WallType: wall[3], Layer: wall[4] }}
|
||
|
>
|
||
|
<meshStandardMaterial
|
||
|
side={THREE.DoubleSide}
|
||
|
color={CONSTANTS.wallConfig.defaultColor}
|
||
|
map={wallTexture}
|
||
|
/>
|
||
|
</Base>
|
||
|
<mesh
|
||
|
castShadow
|
||
|
geometry={wall[0]}
|
||
|
rotation={wall[1]}
|
||
|
position={wall[2]}
|
||
|
name={`WallRaycastReference_${index + 1}`}
|
||
|
>
|
||
|
<MeshDiscardMaterial />
|
||
|
</mesh>
|
||
|
</mesh>
|
||
|
))}
|
||
|
</>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default WallsMeshDuplicate;
|