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

Oussama Bonnor

Last update: Dec 14, 2022

Related tags

Learning resource ifc-three-js-viewer

Overview

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:

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.

JavaScript Online DWG/DXF Viewer

dwg-viewer-js A DWG viewer you can buy for $420 (US) I had originally made this for a software company but they cancelled at the last moment so if any

Jul 6, 2022

Embed panorama photos on your website with Panorama Viewer

#Panorama Viewer by Pete R. Embed interactive Panorama Pictures on your site with this simple plugin. Created by Pete R., Founder of Travelistly and B

Oct 8, 2022

Quick spreadsheet viewer in vanilla JS

Heihō Quick spreadsheet viewer in vanilla JS What it does ? The heiho.js script is quick and simple spreadsheet viewer. It is meant to preview the con

Sep 8, 2022

An OpenStoriesFeed viewer

Dec 17, 2022

🔆🔎👀 Smart Contract Storage Viewer, DataType Guesser, Toolbox & Transaction Decoder

🔆 🔎 👀 Smart Contract Storage HexViewer Demo Target - the target contract API Endpoint - your infura (or equivalent) api key Retrieves smart contrac

Nov 27, 2022

A Simple Text/Document Viewer written in JS

Doku Doku.js is a terminal ui text/document viewer that supports a custom documentation syntax called doky. Features Border colors. (all common termin

Sep 9, 2022

A viewer for Arc System Works scripts and hitboxes written in Godot.

ASWViewer A viewer for Arc System Works scripts and hitboxes written in Godot. Currently only supports Guilty Gear -Strive-. It also displays the mode

Sep 20, 2022

Element for displaying HTML based on THREE.js HTMLMesh

AFrame-HTML a-entity html="#my-interface" position="0 1.5 -0.5"/a-entity Display an interactive HTML element in the scene. html-pointer component

Jan 3, 2023

Adding volumetric effects to a built-in Three.js shader.

Magical Marbles in Three.js Adding volumetric effects to a built-in Three.js shader. Article on Codrops Demo Installation Install dependencies: yarn

Dec 9, 2022

Comments

[ImgBot] Optimize images

Beep boop. Your images are optimized!

Your image file size has been reduced by 41% 🎉

Details

| File | Before | After | Percent reduction | |:--|:--|:--|:--| | /static/logo.svg | 2.80kb | 1.06kb | 62.13% | | /static/mouse-wheel.png | 5.88kb | 2.64kb | 55.01% | | /static/mouse-left.png | 5.88kb | 2.90kb | 50.72% | | /static/info.png | 11.14kb | 8.45kb | 24.12% | | | | | | | Total : | 25.70kb | 15.06kb | 41.42% |

📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace

~Imgbot - Part of Optimole family

opened by imgbot[bot] 0