ByoungSooPark/gemini-viewer-examples
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine example pages

Browse Source
This commit is contained in:
yanzexuan
2022-12-02 15:52:49 +08:00
parent 19778ef385
commit dadda6fb96
8 changed files with 91 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
public/demo/dxf_0.html
View File

@ -30,59 +30,34 @@
import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js'; import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
import LayerManager from './demo/layerManager/LayerManager.js'; import LayerManager from './demo/layerManager/LayerManager.js';
const models= [{ const filename = "rac_basic_sample_project";
modelId: "dxf_0", const modelCfg = {
name: "dxf_0", modelId: filename,
src: "./demo/models/dxf/rac_basic_sample_project.dxf", name: filename,
src: `./demo/models/dxf/${filename}.dxf`,
merge: true, merge: true,
visible: true, };
}]; const viewerCfg = {
const config = {
containerId: "myCanvas", containerId: "myCanvas",
enableAxisGizmo: true, enableAxisGizmo: true,
enableStats: true,
enableToolbar: true, enableToolbar: true,
enableSpinner: true, enableSpinner: true,
enableProgressBar: true, enableProgressBar: true,
enableBottomBar: true,
enableLayoutBar: true, enableLayoutBar: true,
enableSelection: true,
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(viewerCfg);
// const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"]; const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
await viewer.setFont(fontFiles); await viewer.setFont(fontFiles);
window.viewer = viewer;
// loadProjectModel
let counter = 0; // to indicate how many models are loading
models.forEach((modelCfg) => {
if (modelCfg.visible === false) {
// visible is true by default
return; // only load visible ones
}
counter++;
const onProgress = (event) => { const onProgress = (event) => {
let type = "Loading progress"; const progress = ((event.loaded * 100) / event.total).toFixed(1);
if (event.type === "parseProgress") { console.log(`[Demo] Loading progress: ${progress}%`);
type = "Parsing progress";
}
const progress = ((event.loaded * 100) / event.total).toFixed(2);
console.log(`[Demo] ${type}: ${progress}%`);
}; };
try { await viewer.loadModelAsync(modelCfg, onProgress);
viewer.loadModelAsync(modelCfg, onProgress).then(() => {
console.log(`[Demo] Loaded model ${modelCfg.src}`); console.log(`[Demo] Loaded model ${modelCfg.src}`);
if (!viewer.layerManager) { if (!viewer.layerManager) {
viewer.layerManager = new LayerManager(viewer); viewer.layerManager = new LayerManager(viewer);
} }
}).finally(() => {
counter--;
});
} catch (ex) {
console.log(ex);
}
});
// as a demo page, add dxfSettingsPanel to window! // as a demo page, add dxfSettingsPanel to window!
window.dxfSettingsPanel = new DxfSettingsPanel(viewer); window.dxfSettingsPanel = new DxfSettingsPanel(viewer);

48
public/demo/dxf_1.html
View File

@ -17,60 +17,34 @@
import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js'; import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
import LayerManager from "./demo/layerManager/LayerManager.js"; import LayerManager from "./demo/layerManager/LayerManager.js";
const models = [{ const filename = "apartments";
modelId: "dxf_1", const modelCfg = {
name: "dxf_1", modelId: filename,
src: "./demo/models/dxf/apartments.dxf", name: filename,
src: `./demo/models/dxf/${filename}.dxf`,
merge: true, merge: true,
visible: true, };
}]; const viewerCfg = {
const config = {
containerId: "myCanvas", containerId: "myCanvas",
enableAxisGizmo: true, enableAxisGizmo: true,
enableStats: true,
enableToolbar: true, enableToolbar: true,
enableSpinner: true, enableSpinner: true,
enableProgressBar: true, enableProgressBar: true,
enableBottomBar: true,
enableLayoutBar: true, enableLayoutBar: true,
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(viewerCfg);
// const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"]; const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
await viewer.setFont(fontFiles); await viewer.setFont(fontFiles);
// loadProjectModel
let counter = 0; // to indicate how many models are loading
models.forEach((modelCfg) => {
if (modelCfg.visible === false) {
// visible is true by default
return; // only load visible ones
}
counter++;
const onProgress = (event) => { const onProgress = (event) => {
let type = "Loading progress"; const progress = ((event.loaded * 100) / event.total).toFixed(1);
if (event.type === "parseProgress") { console.log(`[Demo] Loading progress: ${progress}%`);
type = "Parsing progress";
}
const progress = ((event.loaded * 100) / event.total).toFixed(2);
console.log(`[Demo] ${type}: ${progress}%`);
}; };
try { await viewer.loadModelAsync(modelCfg, onProgress);
viewer
.loadModelAsync(modelCfg, onProgress)
.then(() => {
console.log(`[Demo] Loaded model ${modelCfg.src}`); console.log(`[Demo] Loaded model ${modelCfg.src}`);
if (!viewer.layerManager) { if (!viewer.layerManager) {
viewer.layerManager = new LayerManager(viewer); viewer.layerManager = new LayerManager(viewer);
} }
})
.finally(() => {
counter--;
});
} catch (ex) {
console.log(ex);
}
});
// as a demo page, add dxfSettingsPanel to window! // as a demo page, add dxfSettingsPanel to window!
window.dxfSettingsPanel = new DxfSettingsPanel(viewer); window.dxfSettingsPanel = new DxfSettingsPanel(viewer);

48
public/demo/dxf_2.html
View File

@ -17,60 +17,34 @@
import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js'; import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
import LayerManager from "./demo/layerManager/LayerManager.js"; import LayerManager from "./demo/layerManager/LayerManager.js";
const models = [{ const filename = "doors_and_windows";
modelId: "dxf_2", const modelCfg = {
name: "dxf_2", modelId: filename,
src: "./demo/models/dxf/doors_and_windows.dxf", name: filename,
src: `./demo/models/dxf/${filename}.dxf`,
merge: true, merge: true,
visible: true, };
}]; const viewerCfg = {
const config = {
containerId: "myCanvas", containerId: "myCanvas",
enableAxisGizmo: true, enableAxisGizmo: true,
enableStats: true,
enableToolbar: true, enableToolbar: true,
enableSpinner: true, enableSpinner: true,
enableProgressBar: true, enableProgressBar: true,
enableBottomBar: true,
enableLayoutBar: true, enableLayoutBar: true,
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(viewerCfg);
// const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"]; const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
await viewer.setFont(fontFiles); await viewer.setFont(fontFiles);
// loadProjectModel
let counter = 0; // to indicate how many models are loading
models.forEach((modelCfg) => {
if (modelCfg.visible === false) {
// visible is true by default
return; // only load visible ones
}
counter++;
const onProgress = (event) => { const onProgress = (event) => {
let type = "Loading progress"; const progress = ((event.loaded * 100) / event.total).toFixed(1);
if (event.type === "parseProgress") { console.log(`[Demo] Loading progress: ${progress}%`);
type = "Parsing progress";
}
const progress = ((event.loaded * 100) / event.total).toFixed(2);
console.log(`[Demo] ${type}: ${progress}%`);
}; };
try { await viewer.loadModelAsync(modelCfg, onProgress);
viewer
.loadModelAsync(modelCfg, onProgress)
.then(() => {
console.log(`[Demo] Loaded model ${modelCfg.src}`); console.log(`[Demo] Loaded model ${modelCfg.src}`);
if (!viewer.layerManager) { if (!viewer.layerManager) {
viewer.layerManager = new LayerManager(viewer); viewer.layerManager = new LayerManager(viewer);
} }
})
.finally(() => {
counter--;
});
} catch (ex) {
console.log(ex);
}
});
// as a demo page, add dxfSettingsPanel to window! // as a demo page, add dxfSettingsPanel to window!
window.dxfSettingsPanel = new DxfSettingsPanel(viewer); window.dxfSettingsPanel = new DxfSettingsPanel(viewer);

10
public/demo/dxf_3.html
View File

@ -24,11 +24,9 @@
const config = { const config = {
containerId: "myCanvas", containerId: "myCanvas",
enableAxisGizmo: true, enableAxisGizmo: true,
enableStats: true,
enableToolbar: true, enableToolbar: true,
enableSpinner: true, enableSpinner: true,
enableProgressBar: true, enableProgressBar: true,
enableBottomBar: true,
enableLayoutBar: true, enableLayoutBar: true,
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(config);
@ -37,12 +35,8 @@
await viewer.setFont(fontFiles); await viewer.setFont(fontFiles);
const onProgress = (event) => { const onProgress = (event) => {
let type = "Loading progress"; const progress = ((event.loaded * 100) / event.total).toFixed(1);
if (event.type === "parseProgress") { console.log(`[Demo] Loading progress: ${progress}%`);
type = "Parsing progress";
}
const progress = ((event.loaded * 100) / event.total).toFixed(2);
console.log(`[Demo] ${type}: ${progress}%`);
}; };
await viewer.compare({src: url1, modelId: "dxf_3.dxf"}, {src: url2, modelId: "dxf_3_1.dxf"}, onProgress).then(() => { await viewer.compare({src: url1, modelId: "dxf_3.dxf"}, {src: url2, modelId: "dxf_3_1.dxf"}, onProgress).then(() => {
console.log(`[Demo] Compared models: ${url1}, ${url2}`); console.log(`[Demo] Compared models: ${url1}, ${url2}`);

11
public/demo/dxf_4.html
View File

@ -74,11 +74,10 @@
const config = { const config = {
containerId: "myCanvas3", containerId: "myCanvas3",
enableAxisGizmo: true, enableAxisGizmo: true,
enableStats: false,
enableToolbar: true, enableToolbar: true,
enableSpinner: true, enableSpinner: true,
enableProgressBar: true, enableProgressBar: true,
enableBottomBar: true, enableLayoutBar: true,
}; };
const viewer1 = new DxfViewer({ containerId: "myCanvas1"}); const viewer1 = new DxfViewer({ containerId: "myCanvas1"});
const viewer2 = new DxfViewer({ containerId: "myCanvas2"}); const viewer2 = new DxfViewer({ containerId: "myCanvas2"});
@ -89,12 +88,8 @@
await viewer3.setFont(fontFiles); await viewer3.setFont(fontFiles);
const onProgress = (event) => { const onProgress = (event) => {
let type = "Loading progress"; const progress = ((event.loaded * 100) / event.total).toFixed(1);
if (event.type === "parseProgress") { console.log(`[Demo] Loading progress: ${progress}%`);
type = "Parsing progress";
}
const progress = ((event.loaded * 100) / event.total).toFixed(2);
console.log(`[Demo] ${type}: ${progress}%`);
}; };
await viewer1.loadModelAsync(modelConfig1, onProgress); await viewer1.loadModelAsync(modelConfig1, onProgress);
await viewer2.loadModelAsync(modelConfig2, onProgress); await viewer2.loadModelAsync(modelConfig2, onProgress);

49
public/demo/dxf_5.html
View File

@ -51,60 +51,33 @@
import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js'; import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
import LayerManager from './demo/layerManager/LayerManager.js'; import LayerManager from './demo/layerManager/LayerManager.js';
const models= [{ const filename = "rac_basic_sample_project";
modelId: "dxf_0", const modelCfg = {
name: "dxf_0", modelId: filename,
src: "./demo/models/dxf/rac_basic_sample_project.dxf", name: filename,
src: `./demo/models/dxf/${filename}.dxf`,
merge: true, merge: true,
visible: true, };
}]; const viewerCfg = {
const config = {
containerId: "myCanvas", containerId: "myCanvas",
enableAxisGizmo: true, enableAxisGizmo: true,
enableStats: true,
enableToolbar: false,
enableSpinner: true, enableSpinner: true,
enableProgressBar: true, enableProgressBar: true,
enableBottomBar: true,
enableLayoutBar: true, enableLayoutBar: true,
enableSelection: true,
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(viewerCfg);
// const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"]; const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
await viewer.setFont(fontFiles); await viewer.setFont(fontFiles);
window.viewer = viewer;
// loadProjectModel
let counter = 0; // to indicate how many models are loading
models.forEach((modelCfg) => {
if (modelCfg.visible === false) {
// visible is true by default
return; // only load visible ones
}
counter++;
const onProgress = (event) => { const onProgress = (event) => {
let type = "Loading progress"; const progress = ((event.loaded * 100) / event.total).toFixed(1);
if (event.type === "parseProgress") { console.log(`[Demo] Loading progress: ${progress}%`);
type = "Parsing progress";
}
const progress = ((event.loaded * 100) / event.total).toFixed(2);
console.log(`[Demo] ${type}: ${progress}%`);
}; };
try { await viewer.loadModelAsync(modelCfg, onProgress);
viewer.loadModelAsync(modelCfg, onProgress).then(() => {
console.log(`[Demo] Loaded model ${modelCfg.src}`); console.log(`[Demo] Loaded model ${modelCfg.src}`);
if (!viewer.layerManager) { if (!viewer.layerManager) {
viewer.layerManager = new LayerManager(viewer); viewer.layerManager = new LayerManager(viewer);
} }
}).finally(() => {
counter--;
});
} catch (ex) {
console.log(ex);
}
});
// as a demo page, add dxfSettingsPanel to window! // as a demo page, add dxfSettingsPanel to window!
window.dxfSettingsPanel = new DxfSettingsPanel(viewer); window.dxfSettingsPanel = new DxfSettingsPanel(viewer);

49
public/demo/dxf_6.html
View File

@ -105,60 +105,33 @@
import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js'; import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
import LayerManager from './demo/layerManager/LayerManager.js'; import LayerManager from './demo/layerManager/LayerManager.js';
const models= [{ const filename = "rac_basic_sample_project";
modelId: "dxf_0", const modelCfg = {
name: "dxf_0", modelId: filename,
src: "./demo/models/dxf/rac_basic_sample_project.dxf", name: filename,
src: `./demo/models/dxf/${filename}.dxf`,
merge: true, merge: true,
visible: true, };
}]; const viewerCfg = {
const config = {
containerId: "myCanvas", containerId: "myCanvas",
enableAxisGizmo: true, enableAxisGizmo: true,
enableStats: true,
enableToolbar: false,
enableSpinner: true, enableSpinner: true,
enableProgressBar: true, enableProgressBar: true,
enableBottomBar: true,
enableLayoutBar: true, enableLayoutBar: true,
enableSelection: true,
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(viewerCfg);
// const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"]; const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
await viewer.setFont(fontFiles); await viewer.setFont(fontFiles);
window.viewer = viewer;
// loadProjectModel
let counter = 0; // to indicate how many models are loading
models.forEach((modelCfg) => {
if (modelCfg.visible === false) {
// visible is true by default
return; // only load visible ones
}
counter++;
const onProgress = (event) => { const onProgress = (event) => {
let type = "Loading progress"; const progress = ((event.loaded * 100) / event.total).toFixed(1);
if (event.type === "parseProgress") { console.log(`[Demo] Loading progress: ${progress}%`);
type = "Parsing progress";
}
const progress = ((event.loaded * 100) / event.total).toFixed(2);
console.log(`[Demo] ${type}: ${progress}%`);
}; };
try { await viewer.loadModelAsync(modelCfg, onProgress);
viewer.loadModelAsync(modelCfg, onProgress).then(() => {
console.log(`[Demo] Loaded model ${modelCfg.src}`); console.log(`[Demo] Loaded model ${modelCfg.src}`);
if (!viewer.layerManager) { if (!viewer.layerManager) {
viewer.layerManager = new LayerManager(viewer); viewer.layerManager = new LayerManager(viewer);
} }
}).finally(() => {
counter--;
});
} catch (ex) {
console.log(ex);
}
});
// as a demo page, add dxfSettingsPanel to window! // as a demo page, add dxfSettingsPanel to window!
window.dxfSettingsPanel = new DxfSettingsPanel(viewer); window.dxfSettingsPanel = new DxfSettingsPanel(viewer);

2
public/demo/libs/gemini-viewer.esm.min.js vendored
View File

File diff suppressed because one or more lines are too long