The aim of this project is to create an IFC viewer with specialized functionality for the shopfloor. Generic BIM viewers cannot be customized much, which causes often used functions to be hard to reach. This viewer tends to solve that issue, by only implementing what's necessary in a convenient way.
electron allows the creation of desktop applications with JavaScript by providing a runtime with rich native (operating system) APIs.
electron-builder is used as a complete solution to package and build a ready for distribution to Windows, MacOS, and Linux.
web-ifc-viewer doesn't only parse and generate the THREE.js geometry of IFC models in JavaScript, but also provides multiple tools to parse proprties, create clipping planes, etc.
svelte handles the frontend of the application. With Svelte, you can write Javascript in the HTML to load data dynamically. This allows for much cleaner code regarding displaying the details of an IFC model for example.
# Clone the Project
$ git clone https://github.com/Nomeon/shopfloor-app.git
# Switch location to the cloned directory
$ cd shopfloor-app
# Install dependencies
$ npm install
# Run your app
$ npm run dev
# Package Your App
$ npm run electron-pack
src/App.svelte: IFC viewer and the logic behind itsrc/Icon.svelte: Component to serve icons dynamicallysrc/Help.svelte: Component which creates the 'help' overlaypublic/global.css: Styling of the viewer
-
IFC viewer: geometry and data
-
Creating subsets based on custom property
-
Isolating an element
-
Hiding one/multiple element(s), even on subsets
-
3D clipping planes
-
Showing transparent elements of previous workstations
-
Custom Property menu: only gives select, necessary information from a custom pset
-
Measurement with snap functionality
-
Help menu overlay
-
Ability to select path for custom properties?
Stijn Nijhuis
Inspiration, code snippets, etc.