clear existing model before loading new model

Gangula2 · Nov 11, 2022 · 4f688b5 · 4f688b5
1 parent e786861
commit 4f688b5
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 9 deletions.
diff --git a/bundle.js b/bundle.js
@@ -115885,11 +115885,16 @@ class IfcViewerAPI {
     }
 }
 
-const container = document.getElementById('viewer-container');
-const viewer = new IfcViewerAPI({ container, backgroundColor: new Color(0xffffff) });
-viewer.axes.setAxes();
-viewer.grid.setGrid();
+function CreateViewer(container) {
+    let viewer = new IfcViewerAPI({ container, backgroundColor: new Color(0xffffff) });
+    viewer.axes.setAxes();
+    viewer.grid.setGrid();
+
+    return viewer;
+}
 
+const container = document.getElementById('viewer-container');
+let viewer = CreateViewer(container);
 const input = document.getElementById("file-input");
 
 window.onmousemove = () => viewer.IFC.selector.prePickIfcItem();
@@ -115914,6 +115919,8 @@ input.addEventListener("change",
 );
 
 async function loadIfc(url) {
+    await viewer.dispose();
+    viewer = CreateViewer(container);
     // await viewer.IFC.setWasmPath("static/wasm/");
     const model = await viewer.IFC.loadIfcUrl(url);
     viewer.shadowDropper.renderShadow(model.modelID);

diff --git a/index.js b/index.js
@@ -1,11 +1,16 @@
 import { Color } from 'three';
 import { IfcViewerAPI } from 'web-ifc-viewer';
 
-const container = document.getElementById('viewer-container');
-const viewer = new IfcViewerAPI({ container, backgroundColor: new Color(0xffffff) });
-viewer.axes.setAxes();
-viewer.grid.setGrid();
+function CreateViewer(container) {
+    let viewer = new IfcViewerAPI({ container, backgroundColor: new Color(0xffffff) });
+    viewer.axes.setAxes();
+    viewer.grid.setGrid();
+
+    return viewer;
+}
 
+const container = document.getElementById('viewer-container');
+let viewer = CreateViewer(container);
 const input = document.getElementById("file-input");
 
 window.onmousemove = () => viewer.IFC.selector.prePickIfcItem();
@@ -30,6 +35,8 @@ input.addEventListener("change",
 );
 
 async function loadIfc(url) {
+    await viewer.dispose();
+    viewer = CreateViewer(container);
     // await viewer.IFC.setWasmPath("static/wasm/");
     const model = await viewer.IFC.loadIfcUrl(url);
     viewer.shadowDropper.renderShadow(model.modelID);

diff --git a/package-lock.json b/package-lock.json