FrancescaD - IFC viewer

Sample app to develop a custom BIM library and load new IFC models.

Description

This app offers a nice gallery to keep all your BIM models and gets you the possibility to load more models, beside the gallery contents. It is built on top of IFC.js and it is optimized to view IFC models. Custom buttons and custom UI with a focus on data B(I)M.

Status

POC - First play with IFC.js

Getting Started

Dependencies

This app is built on top of IFC.js and uses web-ifc and web-ifc-viewer.

• IFC.js: web-ifc and web-ifc-viewer
• ThreeJS: three is a dependency to install

Contents

• static/IFC: BIM models folder
• projects.js: detailed list of projects - name, id, path, (-> image)
• projects-list.js: gallery logic
• viewer.js: IFC viewer and custom implementations

Functionalities and future implementations

• BIM gallery

• IFC viewer: geometry and data

• IFC load new models

• Hide/Isolate object

• 3D clipping planes

• Custom Tree view: name-ID (Project,Site,Building,BuildingStoreys), type-ID (instances)

• Custom Property menu: base on single selection shows IFC properties - native, type, materials, QuantitySets, builtin Psets (*)

• Custom IfcClasses Project Browser: lists the IFC classes included in the model and highlights/isolate/hide the corrisponding elements

• Considering model coordinates (to have a federation environments)

• JSON information preprocessing

• Grouping the instances by Class in the Tree view

• Investigate tab interface for the Property menu

(*) By default Native properties are active. Can be switch off or toggled with any other kind of properties

Authors

Francesca D'Uffizi @duffra

Version History

• 0.1
  • Initial Release

Acknowledgments

Inspiration, code snippets, etc.

• IFC.js