feat: start spitting down civil

ThatOpen · Mar 9, 2024 · 4b9b086 · 4b9b086
1 parent ec14e54
commit 4b9b086
Show file tree

Hide file tree

Showing 11 changed files with 921 additions and 943 deletions.
diff --git a/package.json b/package.json
@@ -24,7 +24,7 @@
     "@types/three": "0.160.0",
     "@typescript-eslint/eslint-plugin": "^4.27.0",
     "@typescript-eslint/parser": "^4.27.0",
-    "bim-fragment": "1.4.0",
+    "bim-fragment": "1.5.0-alpha.1",
     "cpy-cli": "^3.1.1",
     "eslint": "^7.28.0",
     "eslint-config-airbnb-base": "^14.2.1",
@@ -57,7 +57,7 @@
     "unzipit": "^1.4.3"
   },
   "peerDependencies": {
-    "bim-fragment": "1.4.0",
+    "bim-fragment": "1.5.0-alpha.1",
     "three": "^0.160.1",
     "web-ifc": "0.0.51"
   }

diff --git a/resources/openbim-components.js b/resources/openbim-components.js
diff --git a/src/civil/RoadElevationNavigator/index.html b/src/civil/RoadElevationNavigator/index.html
@@ -0,0 +1,115 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="../../../resources/styles.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+    <link rel="icon" type="image/x-icon" href="../../../resources/favicon.ico">
+    <title>Tools Component</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      .full-screen {
+        width: 100vw;
+        height: 100vh;
+        position: relative;
+        overflow: hidden;
+      }
+    </style>
+</head>
+<body>
+<div class="full-screen" id="container"></div>
+<script type="importmap">
+    {
+      "imports": {
+        "three": "https://unpkg.com/three@0.160.1/build/three.module.js",
+        "web-ifc": "https://unpkg.com/web-ifc@0.0.50/web-ifc-api.js",
+        "stats.js/src/Stats.js": "https://unpkg.com/stats-js@1.0.1/src/Stats.js",
+        "three/examples/jsm/libs/lil-gui.module.min": "https://unpkg.com/three@0.160.1/examples/jsm/libs/lil-gui.module.min.js",
+        "openbim-components": "../../../resources/openbim-components.js",
+         "client-zip": "https://unpkg.com/client-zip@2.3.0/index.js"
+      }
+    }
+
+</script>
+<script type="module">
+
+    // Set up scene (see SimpleScene tutorial)
+
+    import * as THREE from 'three';
+    import * as OBC from 'openbim-components';
+    import Stats from 'stats.js/src/Stats.js';
+
+    const container = document.getElementById('container');
+
+    const components = new OBC.Components();
+
+    components.scene = new OBC.SimpleScene(components);
+    components.renderer = new OBC.PostproductionRenderer(components, container);
+    components.camera = new OBC.SimpleCamera(components);
+    components.raycaster = new OBC.SimpleRaycaster(components);
+
+    components.init();
+
+    components.renderer.postproduction.enabled = true;
+    components.renderer.postproduction.customEffects.outlineEnabled = true;
+
+    const scene = components.scene.get();
+
+    components.camera.controls.setLookAt(12, 6, 8, 0, 0, -10);
+
+    components.scene.setup();
+
+    const grid = new OBC.SimpleGrid(components, new THREE.Color(0x666666));
+    const customEffects = components.renderer.postproduction.customEffects;
+    customEffects.excludedMeshes.push(grid.get());
+
+    let fragments = new OBC.FragmentManager(components);
+    let fragmentIfcLoader = new OBC.FragmentIfcLoader(components);
+
+    fragmentIfcLoader.settings.wasm = {
+        path: "https://unpkg.com/web-ifc@0.0.50/",
+        absolute: true
+    }
+
+    fragmentIfcLoader.settings.webIfc.COORDINATE_TO_ORIGIN = true;
+    fragmentIfcLoader.settings.webIfc.OPTIMIZE_PROFILES = true;
+
+    const file = await fetch("../../../resources/asdf.frag");
+    const data = await file.arrayBuffer();
+    const buffer = new Uint8Array(data);
+    const model = await fragments.load(buffer);
+    const properties = await fetch("../../../resources/asdf.json");
+    model.setLocalProperties(await properties.json());
+    console.log(model);
+
+    const mainToolbar = new OBC.Toolbar(components, {name: 'Main Toolbar', position: 'bottom'});
+    components.ui.addToolbar(mainToolbar);
+    mainToolbar.addChild(fragmentIfcLoader.uiElement.get("main"));
+
+    // Set up road navigator
+
+    // const navigator = new OBC.RoadElevationNavigator(components);
+    // const horizontalWindow = navigator.uiElement.get("drawer");
+    // horizontalWindow.visible = true;
+    // navigator.draw(model);
+
+    // Set up stats
+
+    const stats = new Stats();
+    stats.showPanel(2);
+    document.body.append(stats.dom);
+    stats.dom.style.left = '0px';
+    const renderer = components.renderer;
+    renderer.onBeforeUpdate.add(() => stats.begin());
+    renderer.onAfterUpdate.add(() => stats.end());
+
+
+</script>
+</body>
+</html>
diff --git a/src/civil/RoadElevationNavigator/index.ts b/src/civil/RoadElevationNavigator/index.ts
@@ -0,0 +1,86 @@
+// import * as THREE from "three";
+// import { FragmentsGroup } from "bim-fragment";
+// import { Component, UI, UIElement } from "../../base-types";
+// import { Drawer } from "../../ui";
+// import { Components, Simple2DScene } from "../../core";
+// import { CivilUtils } from "../CivilUtils";
+//
+// export class RoadElevationNavigator extends Component<any> implements UI {
+//   static readonly uuid = "097eea29-2d5a-431a-a247-204d44670621" as const;
+//
+//   enabled = true;
+//
+//   uiElement = new UIElement<{
+//     drawer: Drawer;
+//   }>();
+//
+//   scene: Simple2DScene;
+//
+//   caster = new THREE.Raycaster();
+//
+//   private readonly _alignment: THREE.LineSegments;
+//
+//   constructor(components: Components) {
+//     super(components);
+//
+//     this.caster.params.Line = { threshold: 5 };
+//
+//     this.components.tools.add(RoadElevationNavigator.uuid, this);
+//
+//     this.scene = new Simple2DScene(this.components, false);
+//
+//     this._alignment = new THREE.LineSegments(
+//       new THREE.BufferGeometry(),
+//       new THREE.LineBasicMaterial()
+//     );
+//
+//     const scene = this.scene.get();
+//     scene.add(this._alignment);
+//
+//     this.setUI();
+//   }
+//
+//   get() {
+//     return this._alignment;
+//   }
+//
+//   draw(model: FragmentsGroup) {
+//     if (!model.ifcCivil) {
+//       console.warn("The provided model doesn't have civil data!");
+//       return;
+//     }
+//     const alignment = model.ifcCivil.verticalAlignments;
+//     const { geometry } = this._alignment;
+//     CivilUtils.getAlignmentGeometry(alignment, geometry, false);
+//   }
+//
+//   private setUI() {
+//     const drawer = new Drawer(this.components);
+//     this.components.ui.add(drawer);
+//     drawer.alignment = "top";
+//
+//     drawer.onVisible.add(() => {
+//       this.scene.grid.regenerate();
+//     });
+//     drawer.visible = false;
+//
+//     drawer.slots.content.domElement.style.padding = "0";
+//     drawer.slots.content.domElement.style.overflow = "hidden";
+//
+//     const { clientWidth, clientHeight } = drawer.domElement;
+//     this.scene.setSize(clientHeight, clientWidth);
+//
+//     const vContainer = this.scene.uiElement.get("container");
+//     drawer.addChild(vContainer);
+//
+//     this.uiElement.set({ drawer });
+//
+//     if (this.components.renderer.isUpdateable()) {
+//       this.components.renderer.onAfterUpdate.add(async () => {
+//         if (drawer.visible) {
+//           await this.scene.update();
+//         }
+//       });
+//     }
+//   }
+// }