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

Added one more gltf model and example page as well

Browse Source
This commit is contained in:
yanzexuan
2022-11-06 13:58:43 +08:00
parent b57458bd50
commit 5bd7a7b4ef
8 changed files with 85 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/config.json
View File

@ -3,9 +3,12 @@
"subMenus": [{ "subMenus": [{
"title": "本地模型加载", "title": "本地模型加载",
"url": "./demo/empty_model_project.html" "url": "./demo/empty_model_project.html"
}, {
"title": "Rac basic sample project",
"url": "./demo/bim_0.html"
}, { }, {
"title": "Duplex", "title": "Duplex",
"url": "./demo/duplex.html" "url": "./demo/bim_1.html"
}] }]
}, { }, {
"title": "图纸", "title": "图纸",
@ -13,7 +16,7 @@
"title": "本地图纸加载", "title": "本地图纸加载",
"url": "../demo/empty_dxf_project.html" "url": "../demo/empty_dxf_project.html"
}, { }, {
"title": "Rac Basic Sample Project", "title": "Rac basic sample project",
"url": "./demo/dxf_0.html" "url": "./demo/dxf_0.html"
}, { }, {
"title": "城市公寓", "title": "城市公寓",

9
public/demo/rac_basic_sample_project.html → public/demo/bim_0.html
View File

@ -27,8 +27,7 @@
const project = { const project = {
"id": "rac_basic_sample_project", "id": "rac_basic_sample_project",
"name": "rac_basic_sample_project", "name": "Rac basic sample project",
"thumbnail": "./demo/projects/rac_basic_sample_project/thumbnail.png",
"camera": { "camera": {
"eye": [-70, 25, 50], "eye": [-70, 25, 50],
"look": [-35, 0, 35], "look": [-35, 0, 35],
@ -36,8 +35,8 @@
"far": 10000 "far": 10000
}, },
"models": [{ "models": [{
"name": "rac basic sample project", "name": "Rac basic sample project",
"src": "./demo/projects/rac_basic_sample_project/rac_basic_sample_project.gltf", "src": "./demo/models/gltf/rac_basic_sample_project.gltf",
"position": [0, 0, 0], "position": [0, 0, 0],
"rotation": [0, 0, 0], "rotation": [0, 0, 0],
"scale": [1, 1, 1], "scale": [1, 1, 1],
@ -63,7 +62,7 @@
viewer.loadModel(modelCfg, (event) => { viewer.loadModel(modelCfg, (event) => {
console.log(`[Demo] Loading model ${modelCfg.src}`); console.log(`[Demo] Loading model ${modelCfg.src}`);
}, (event) => { }, (event) => {
console.error("Failed to load " + modelCfg.src + ". " + event.message); console.error("[Demo] Failed to load " + modelCfg.src + ". " + event.message);
}).then(() => { }).then(() => {
console.log(`[Demo] Loaded model ${modelCfg.src}`); console.log(`[Demo] Loaded model ${modelCfg.src}`);
}); });

69
public/demo/bim_1.html Normal file
View File

@ -0,0 +1,69 @@
<html>
<head>
<link rel="icon" href="./demo/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./demo/global.css" />
</head>
<body>
<div id="viewerContainer">
<div id="myCanvas" class="renderer-container"></div>
</div>
<script type="module">
import { BimViewer, ToolbarMenuId } from "./demo/libs/gemini-viewer.esm.min.js";
const project = {
id: "Duplex",
name: "Duplex",
models: [
{
name: "Duplex",
src: "./demo/models/gltf/Duplex.gltf",
position: [0, 0, 0],
rotation: [0, 0, 0],
scale: [1, 1, 1],
instantiate: false,
merge: false,
edges: true,
visible: true,
},
],
};
const viewer = new BimViewer(
{
containerId: "myCanvas",
enableAxisGizmo: true,
enableStats: true,
toolbarMenuConfig: {
[ToolbarMenuId.Measure]: { visible: false },
[ToolbarMenuId.Fullscreen]: { visible: false },
[ToolbarMenuId.BimTree]: { visible: false },
},
enableBottomBar: true,
enableNavCube: true,
enableContextMenu: true,
},
project.camera
);
// loadProjectModel
let counter = 0; // to indicate how many models are loading
project.models.forEach((modelCfg) => {
if (modelCfg.visible === false) {
// visible is true by default
return; // only load visible ones
}
counter++;
viewer.loadModel(modelCfg, (event) => {
console.log(`[Demo] Loading model ${modelCfg.src}`);
}, (event) => {
console.error("[Demo] Failed to load " + modelCfg.src + ". " + event.message);
}
).then(() => {
console.log(`[Demo] Loaded model ${modelCfg.src}`);
});
});
</script>
</body>
</html>

4
public/demo/empty_dxf_project.html
View File

@ -52,7 +52,7 @@
<body> <body>
<div id="viewerContainer"> <div id="viewerContainer">
<div id="myDxfViewerContainer" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<div style="position: absolute; top: 10px; opacity: 0.6; width: 100%;text-align: center;"> <div style="position: absolute; top: 10px; opacity: 0.6; width: 100%;text-align: center;">
<div class="upload-btn" id="uploadBtn"> <div class="upload-btn" id="uploadBtn">
@ -76,7 +76,7 @@
import LayerManager from './demo/layerManager/LayerManager.js'; import LayerManager from './demo/layerManager/LayerManager.js';
const config = { const config = {
containerId: "myDxfViewerContainer", containerId: "myCanvas",
enableAxisGizmo: true, enableAxisGizmo: true,
enableStats: true, enableStats: true,
enableToolbar: true, enableToolbar: true,

5
public/demo/empty_model_project.html
View File

@ -50,7 +50,7 @@
<body> <body>
<div id="viewerContainer"> <div id="viewerContainer">
<div id="myBimViewerContainer" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<div style="position: absolute; top: 10px; opacity: 0.6; width: 100%;text-align: center;"> <div style="position: absolute; top: 10px; opacity: 0.6; width: 100%;text-align: center;">
<div class="upload-btn" id="uploadBtn"> <div class="upload-btn" id="uploadBtn">
@ -67,7 +67,6 @@
const project = { const project = {
id: "empty_project", id: "empty_project",
name: "Empty project", name: "Empty project",
thumbnail: "./demo/projects/empty_project/thumbnail.png",
camera: { camera: {
}, },
models: [{ models: [{
@ -81,7 +80,7 @@
}; };
const bimViewer = new BimViewer( const bimViewer = new BimViewer(
{ {
containerId: "myBimViewerContainer", containerId: "myCanvas",
enableAxisGizmo: true, enableAxisGizmo: true,
enableStats: true, enableStats: true,
toolbarMenuConfig: { toolbarMenuConfig: {

4
public/demo/empty_vr_project.html
View File

@ -49,7 +49,7 @@
<body> <body>
<div id="viewerContainer"> <div id="viewerContainer">
<div id="myVRViewerContainer" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<div style="position: absolute; top: 10px; opacity: 0.6; width: 100%;text-align: center;"> <div style="position: absolute; top: 10px; opacity: 0.6; width: 100%;text-align: center;">
<div class="upload-btn" id="uploadBtn"> <div class="upload-btn" id="uploadBtn">
@ -64,7 +64,7 @@
import { VRViewer, LocalImageUploader } from "./demio/libs/gemini-viewer.esm.min.js"; import { VRViewer, LocalImageUploader } from "./demio/libs/gemini-viewer.esm.min.js";
const config = { const config = {
containerId: "myVRViewerContainer", containerId: "myCanvas",
enableAxisGizmo: true, enableAxisGizmo: true,
enableBottomBar: true, enableBottomBar: true,
} }

BIN
public/demo/models/gltf/rac_basic_sample_project.bin Normal file
View File

Binary file not shown.

1
public/demo/models/gltf/rac_basic_sample_project.gltf Normal file
View File

File diff suppressed because one or more lines are too long