ifc-three-js-viewer

Project description:

This is an IFC wrapped on Three js based viewer, I think..

Features & Screenshots:

A simple viewer for rendering and interacting with IFC 3D models. Default model preloaded in case you don't have one.

Use left click & drag to rotate, right click and drag to pan & scroll the mouse wheel to zoom.

Measuring any distance on the model by click, multiple points are supported at a time.

Select any part of the model to display the metadata embedded in it.

Annotate any part of the model, with multiples tags supported at a time.

Hover on any tag to display it's message.

Feel free to use your own model. Models for testing available here.

Tools used:

• Three.js
• web-ifc-three

Getting Started

# install dependencies
$ npm install

# create bundle with hot reload
$ npm run watch

serve using vscode live server (or a similar approach, like http-server)

• VSCode Live Server

Disclaimer:

The code is a mess.

Contribution:

Feel free to fork this project and add whatever you like. If you have any suggestions or any comments please feel free to contact me or to open an issue.

Team:

Jetlighters having fun.