feat: progress with walls

Author: agviegas

packages/clay/src/core/Elements/Element/index.ts

@@ -8,26 +8,17 @@ import { Model } from "../../Model";
 import { ClayElementType } from "../ElementType";
 import { IfcUtils } from "../../../utils/ifc-utils";
 import { ClayGeometry } from "../../Geometry";
+import { ClayObject3D } from "../../Object3D";
 
 /**
  * Any object with a physical representation in the IFC. It corresponds to the IFCELEMENT entity in the IFC schema.
  */
-export abstract class ClayElement extends ClayObject {
+export abstract class ClayElement extends ClayObject3D {
   /**
    * {@link ClayObject.attributes}
    */
   abstract attributes: IFC.IfcElement;
 
-  /**
-   * Position of this element in 3D space.
-   */
-  position = new THREE.Vector3();
-
-  /**
-   * Rotation of this element in 3D space.
-   */
-  rotation = new THREE.Euler();
-
   /**
    * The type of this element.
    */

packages/clay/src/core/Geometry/index.ts

@@ -1,10 +1,11 @@
 import { IFC4X3 as IFC } from "web-ifc";
 import { ClayObject } from "../Object";
+import { ClayObject3D } from "../Object3D";
 
 /**
  * An object that represents an IFC geometry that can represent one or many IfcElements in 3D. It supports boolean operations.
  */
-export abstract class ClayGeometry extends ClayObject {
+export abstract class ClayGeometry extends ClayObject3D {
   /**
    * {@link ClayObject.attributes}. It can either be an IFC geometry, or the result of a boolean operation.
    */

packages/clay/src/core/Object3D/index.ts

@@ -0,0 +1,50 @@
+import * as THREE from "three";
+import { ClayObject } from "../Object";
+
+/**
+ * Base object for all Clay objects with a transformation in 3D space.
+ */
+export abstract class ClayObject3D extends ClayObject {
+  /**
+   * Position of this element in 3D space.
+   */
+  position = new THREE.Vector3();
+
+  /**
+   * Rotation of this element in 3D space.
+   */
+  rotation = new THREE.Euler();
+
+  /**
+   * Gets the transform of this object as a THREE.Matrix4.
+   */
+  getTransform() {
+    const temp = new THREE.Object3D();
+    temp.position.copy(this.position);
+    temp.rotation.copy(this.rotation);
+    temp.updateMatrix();
+    return temp.matrix;
+  }
+
+  /**
+   * Sets the transform of this object given a THREE.Matrix4.
+   */
+  setTransform(transform: THREE.Matrix4) {
+    const quat = new THREE.Quaternion();
+    const scale = new THREE.Vector3();
+    transform.decompose(this.position, quat, scale);
+    this.rotation.setFromQuaternion(quat);
+  }
+
+  /**
+   * Applies the transform of this object given a THREE.Matrix4.
+   */
+  applyTransform(transform: THREE.Matrix4) {
+    const currentTransform = this.getTransform();
+    currentTransform.multiply(transform);
+    const quat = new THREE.Quaternion();
+    const scale = new THREE.Vector3();
+    currentTransform.decompose(this.position, quat, scale);
+    this.setTransform(currentTransform);
+  }
+}

packages/clay/src/core/index.ts

@@ -2,4 +2,5 @@ export * from "./Model";
 export * from "./Elements";
 export * from "./Geometry";
 export * from "./Object";
+export * from "./Object3D";
 export * from "./Event";

packages/clay/src/elements/Openings/ClippingPlane/index.ts

@@ -1,2 +1 @@
 export * from "./SimpleOpening";
-export * from "./ClippingPlane";

packages/clay/src/elements/Openings/ClippingPlane/src/index.ts

@@ -40,49 +40,121 @@ const simpleWallType = new CLAY.SimpleWallType(model);
 
 const wall1 = simpleWallType.addInstance();
 world.scene.three.add(...wall1.meshes);
-wall1.startPoint = new THREE.Vector2(1, 1);
-wall1.endPoint = new THREE.Vector2(3, 0);
+wall1.startPoint = new THREE.Vector2(0, 0);
+wall1.endPoint = new THREE.Vector2(1, 0);
 wall1.update(true);
 wall1.meshes[0].setColorAt(0, new THREE.Color(1, 0, 0));
 
 const wall2 = simpleWallType.addInstance();
 world.scene.three.add(...wall2.meshes);
-wall2.startPoint = new THREE.Vector2(0, -2);
-wall2.endPoint = new THREE.Vector2(0, 3);
+wall2.startPoint = new THREE.Vector2(0, 0);
+wall2.endPoint = new THREE.Vector2(0, 1);
 wall2.update(true);
 
 site.children.add(wall1.attributes.expressID);
 site.children.add(wall2.attributes.expressID);
 
-simpleWallType.addCorner({
-  wall1,
-  wall2,
-  to: "interior",
-  cut: "interior",
-  cutDirection: "interior",
-  priority: "end",
+const halfSpace = new CLAY.HalfSpace(model);
+wall1.body.addSubtraction(halfSpace);
+
+const mesh = new THREE.Mesh(
+  new THREE.PlaneGeometry(2, 2, 2),
+  new THREE.MeshLambertMaterial({
+    color: "blue",
+    transparent: true,
+    opacity: 0.6,
+    side: 2,
+  }),
+);
+
+world.scene.three.add(mesh);
+
+mesh.position.set(1, 1, 0);
+mesh.lookAt(0.5, 0, 0.5);
+
+const offset = 0.5;
+
+function updatePlane() {
+  const p = CLAY.MathUtils.toThreeCoords(wall1.midPoint);
+  const d = CLAY.MathUtils.toThreeCoords(wall1.direction);
+  d.multiplyScalar(offset);
+  p.add(d);
+  mesh.position.copy(p);
+  const start = CLAY.MathUtils.toThreeCoords(wall1.startPoint3D);
+  mesh.lookAt(start);
+}
+
+// updatePlane();
+
+// halfSpace.rotation.y = Math.PI / 2;
+// halfSpace.position.x = 0.5;
+
+console.log(halfSpace.rotation);
+console.log(mesh.rotation);
+
+// halfSpace.position.copy(CLAY.MathUtils.toIfcCoords(mesh.position));
+// halfSpace.rotation.copy(CLAY.MathUtils.toIfcCoords(mesh.rotation));
+
+function updateHalfSpace() {
+  halfSpace.rotation.x = mesh.rotation.x - Math.PI / 2;
+  halfSpace.rotation.y = -mesh.rotation.y;
+  halfSpace.rotation.z = mesh.rotation.z - Math.PI / 2;
+
+  const midPoint = CLAY.MathUtils.toThreeCoords(wall1.midPoint);
+  const position = mesh.position.clone().sub(midPoint);
+  const truePosition = CLAY.MathUtils.toIfcCoords(position);
+  halfSpace.position.copy(truePosition);
+
+  halfSpace.update();
+  wall1.update(true);
+}
+
+window.addEventListener("keydown", (e) => {
+  if (e.code === "KeyA") {
+    mesh.rotation.x += (Math.PI / 180) * 5;
+    updateHalfSpace();
+  }
+  if (e.code === "KeyS") {
+    mesh.rotation.y += (Math.PI / 180) * 5;
+    updateHalfSpace();
+  }
+  if (e.code === "KeyD") {
+    mesh.rotation.z += (Math.PI / 180) * 5;
+    updateHalfSpace();
+  }
 });
 
-simpleWallType.addCorner({
-  wall1: wall2,
-  wall2: wall1,
-  to: "interior",
-  cut: "exterior",
-  cutDirection: "interior",
-  priority: "start",
-});
+updateHalfSpace();
+
+// simpleWallType.addCorner({
+//   wall1,
+//   wall2,
+//   to: "interior",
+//   cut: "interior",
+//   cutDirection: "interior",
+//   priority: "end",
+// });
+//
+// simpleWallType.addCorner({
+//   wall1: wall2,
+//   wall2: wall1,
+//   to: "interior",
+//   cut: "exterior",
+//   cutDirection: "interior",
+//   priority: "start",
+// });
 
 await simpleWallType.updateCorners();
 
 world.camera.controls.fitToSphere(wall1.meshes[0], false);
 
-const simpleOpeningType = new CLAY.SimpleOpeningType(model);
-const opening = simpleOpeningType.addInstance();
+// const simpleOpeningType = new CLAY.SimpleOpeningType(model);
+// const opening = simpleOpeningType.addInstance();
 // scene.add(...opening.meshes);
 // console.log(simpleOpeningType);
 
-await wall1.addSubtraction(opening, true);
-wall1.update(true);
+// await wall1.addSubtraction(opening, true);
+// wall1.update(true);
 
 // Stats
 
@@ -111,6 +183,7 @@ const panel = BUI.Component.create<BUI.PanelSection>(() => {
         ) => {
           wall1.startPoint.x = event.target.value;
           wall1.update(true);
+          updatePlane();
           simpleWallType.updateCorners();
         }}"></bim-number-input>
 
@@ -119,6 +192,7 @@ const panel = BUI.Component.create<BUI.PanelSection>(() => {
         ) => {
           wall1.startPoint.y = event.target.value;
           wall1.update(true);
+          updatePlane();
           simpleWallType.updateCorners();
         }}"></bim-number-input>
 
@@ -131,6 +205,7 @@ const panel = BUI.Component.create<BUI.PanelSection>(() => {
         ) => {
           wall1.endPoint.x = event.target.value;
           wall1.update(true);
+          updatePlane();
           simpleWallType.updateCorners();
         }}"></bim-number-input>
 
@@ -139,6 +214,7 @@ const panel = BUI.Component.create<BUI.PanelSection>(() => {
         ) => {
           wall1.endPoint.y = event.target.value;
           wall1.update(true);
+          updatePlane();
           simpleWallType.updateCorners();
         }}"></bim-number-input>
 
@@ -152,6 +228,7 @@ const panel = BUI.Component.create<BUI.PanelSection>(() => {
         opening.update();
         wall1.elevation = event.target.value;
         wall1.update(true);
+        updatePlane();
         simpleWallType.updateCorners();
       }}"></bim-number-input>
 

packages/clay/src/elements/Openings/index.ts

@@ -6,7 +6,6 @@ import {
   SimpleWallCornerer,
   WallCornerConfig,
 } from "./src/simple-wall-cornerer";
-import { ClippingPlaneType } from "../../Openings";
 
 export * from "./src";
 
@@ -20,10 +19,6 @@ export class SimpleWallType extends DynamicClayElementType<SimpleWall> {
   constructor(model: Model) {
     super(model);
 
-    if (!this.model.types.has("clipping-planes")) {
-      this.model.types.set("clipping-planes", new ClippingPlaneType(model));
-    }
-
     this.attributes = new IFC.IfcWallType(
       new IFC.IfcGloballyUniqueId(uuidv4()),
       null,