3D Web IFC | BIM | view & edit
This project is designed for early 2024, and up until that version, the libraries have been able to support IFC files up to 100 MB in size. The goal of this project is to display and interact with IFC models online. To achieve this, I used Three.js and ThatOpenCompany (IFC.js), which allowed me to display IFC files and their data in an online environment.
Technologies
Three.js
React.js
Thatopencompany(ifc.js)
Php
My Role
BIM 3D Developer
Manager
Client
Jordan Kock
solidclouds.nl
Year
2024
Location
Remote, Netherland
Category
Three.js
BIM
My Proccess
In this project, I was able to implement several features, including:
Steps
Step 1
Dimensioning: Measuring length, angles, and area of various model components.
Step 2
Walkthrough feature: This allows the user to walk through the model environment for a more detailed view.
Step 3
Layer data view: Users can view and interact with the data of each layer of the model.
Step 4
2D floor plan view: Displaying floor plans of different levels in 2D.
Step 5
Clipping: The ability to slice the model from different angles to examine its details.
Step 6
Publish link: Users can generate a link to publish the model on their website and share it with others.
Step 7
Multi-project management: Allows uploading and storing multiple files and projects simultaneously.
