first commit

app/src/modules/builder/geomentries/zones/addZonesToScene.ts

@@ -0,0 +1,50 @@
+import * as THREE from 'three';
+import * as Types from '../../../../types/world/worldTypes';
+import * as CONSTANTS from '../../../../types/world/worldConstants';
+
+const baseMaterial = new THREE.ShaderMaterial({
+    side: THREE.DoubleSide,
+    vertexShader: `
+    varying vec2 vUv;
+    void main(){
+        gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+        vUv = uv;
+    }
+    `,
+    fragmentShader: `
+    varying vec2 vUv;
+    uniform vec3 uOuterColor;
+    void main(){
+        float alpha = 1.0 - vUv.y;
+        gl_FragColor = vec4(uOuterColor, alpha);
+    }
+    `,
+    uniforms: {
+        uOuterColor: { value: new THREE.Color(CONSTANTS.zoneConfig.defaultColor) },
+    },
+    transparent: true,
+});
+
+export default function addZonesToScene(
+    line: Types.Line,
+    floorGroupZone: Types.RefGroup,
+    color: THREE.Color
+) {
+    const point1 = line[0][0];
+    const point2 = line[1][0];
+
+    const length = (new THREE.Vector3(point2.x, point2.y, point2.z)).distanceTo(new THREE.Vector3(point1.x, point1.y, point1.z));
+    const angle = Math.atan2(point2.z - point1.z, point2.x - point1.x);
+
+    const geometry = new THREE.PlaneGeometry(length, 10);
+
+    const material = baseMaterial.clone();
+    material.uniforms.uOuterColor.value.set(color.r, color.g, color.b);
+
+    const mesh = new THREE.Mesh(geometry, material);
+
+    mesh.position.set((point1.x + point2.x) / 2, ((line[0][2] - 1) * CONSTANTS.wallConfig.height) + 5, (point1.z + point2.z) / 2);
+    mesh.rotation.y = -angle;
+
+    floorGroupZone.current.add(mesh);
+}