vim-web

VIM WebGL Component

Documentation

Explore the full API Documentation.

Package

https://www.npmjs.com/package/vim-web

Live Demo

WebGL Viewer

Small - Residence
Medium - Medical Tower

Ultra Viewer

Small - Residence
Medium - Medical Tower

Find detailed camera controls here: Camera Controls.

Overview

The VIM-Web repository consists of four primary components, divided into two layers:

Core Viewers

WebGL Viewer: A WebGL-based viewer for the VIM format. Includes features like outlines, ghosting, and sectioning, but without UI components.
Ultra Viewer: A high-performance viewer for the VIM Ultra Render Server, optimized for scale and speed.

React Viewers

WebGL Component: A React-based wrapper for the WebGL viewer, providing interactive UI elements and a BIM explorer.
Ultra Component: A React-based wrapper for the Ultra viewer, featuring a UI for real-time interactions.

VIM Format

The VIM file format is a high-performance 3D scene format that supports rich BIM data. It can also be extended to accommodate other relational and non-relational datasets. Unlike IFC, the VIM format is pre-tessellated, allowing for rapid loading and rendering.

Learn more about the VIM format here: VIM GitHub Repository.

Built With

Getting Started

Follow these steps to get started with the project:

Clone the repository.
Open the project in VS Code.
Install the dependencies: npm install.
Start the development server: npm run dev.

Note: Ensure you have a recent version of Node.js installed, as required by Vite.

Repository Organization

./docs: Root folder for GitHub Pages, built using the build:website script.
./dist: Contains the built package for npm, created with the build:libs script.
./src/pages: Source code for the demo pages published on GitHub Pages.
./src/vim-web: Source code for building and publishing the vim-web npm package.
./src/core-viewers/webgl: Source code for the WebGL core viewer. Based on vim-webgl-viewer.
./src/core-viewers/ultra: Source code for the Ultra core viewer.
./src/react-viewers/webgl: Source code for the WebGL React component. Based on vim-webgl-component.
./src/react-viewers/ultra: Source code for the Ultra React component.

License

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

Contact

Simon Roberge - simon.roberge@vimaec.com
Martin Ashton - martin.ashton@vimaec.com

Acknowledgments

Special thanks to these packages and more: