vim-webgl-component

Vim Webgl Component

Documentation

API Documentation

Live Demo

Web

• Small Model Demo - Residence
• Medium Model Demo - Medical Tower
• Large Model Demo - Stadium (Warning: slow download times)

JSFiddle

• JsFiddle - Hello World
• JsFiddle - Simple
• JsFiddle - Isolation
• JsFiddle - Message
• JsFiddle - Custom Inputs
• JsFiddle - Custom Context Menu
• JsFiddle - Custom Camera
• JsFiddle - Custom Loading
• JsFiddle - Embedding
• JsFiddle - Custom Bim Info

Overview

The VIM Webgl Component is a React ui implementation for the Vim WebGL Viewer.

Intents

• Provide a smooth online user experience while browsing complex bim data.
• Test and demonstrate the capabilities of the underlying vim-webgl-viewer.
• Be easy to use, extend and customize for other developpers.

VIM

The VIM file format is a high-performance 3D scene format that supports rich BIM data, and can be easily extended to support other relational or non-relation data sets. Unlike IFC the VIM format is already tessellated, and ready to render. This results in very fast load times. Unlike glTF the VIM format is faster to load, scales better, and has a consistent structure for relational BIM data. More information on the vim format can be found here: https://github.com/vimaec/vim

Built With

• VIM Webgl Viewer
• react.js

Getting Started

1. Clone the project.
2. Open the project in VS Code.
3. Install packages by running npm install.
4. Run the dev command to start a live test server.

Make sure you have a recent version of NodeJS installed as Vite requires it.

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

• Simon Roberge - [e-mail]
• Martin Ashton - [e-mail]

Acknowledgments

Thanks to these great packages and more:

• react-complex-tree
• re-resizable
• react-tooltip
• strongly typed events