IFC Metadata Picking with Three js

Опубликовано: 17 Июнь 2026
на канале: GitHubDragonFly
59
1

This demo is not endorsed by anyone and is using customized version of my original open-sourced three.js based IFC Viewer.
The original viewer is freely accessible [online](https://githubdragonfly.github.io/) and includes basic metadata picking engine. This website is hosted by GitHub pages and is cookie and tracker free.
Apart from three.js library, this viewer is also using web-ifc library and web-ifc-three loader.

The demo provides an insight into what is possible to be done about metadata with three.js library and IFC format:
Built-in metadata, read as such and having some properties being dynamically updated with some random live values at random refresh rates

Additional features of this viewer:
Hide / Show any of available category elements
Explode all meshes, which is visually snappy and will have edges follow the explosion as well as raycasting continue to work properly:
The latest updates, since posting this video, have provided for snappy edges and raycasting which are not reflected in the video itself

This demo was created thanks to availability of the following community sample test file (look inside for folder named "Example project location"):
[Gymzaal Amersfoort](https://github.com/buildingsmart-community...)

This example was loaded locally while the viewer does also allow loading remote 3D models via its `URL` button.