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

解决路径添加/gemini-viewer-examples/导致示例页面打不开问题

Browse Source
This commit is contained in:
hujinwei
2022-11-28 09:51:30 +08:00
parent 5357047b15
commit 29e3d71eb2
22 changed files with 242 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
package.json
View File

@ -1,8 +1,8 @@
{ {
"name": "gemini-viewer-demo", "name": "gemini-viewer-examples",
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"homepage": "/gemini-viewer-examples/", "homepage": ".",
"dependencies": { "dependencies": {
"@codemirror/autocomplete": "^6.3.0", "@codemirror/autocomplete": "^6.3.0",
"@codemirror/commands": "^6.1.2", "@codemirror/commands": "^6.1.2",

38
public/config.json
View File

@ -2,66 +2,66 @@
"title": "BIM Models", "title": "BIM Models",
"subMenus": [{ "subMenus": [{
"title": "Upload your local model", "title": "Upload your local model",
"url": "./gemini-viewer-examples/demo/empty_model_project.html" "url": "./demo/empty_model_project.html"
}, { }, {
"title": "Rac basic sample project", "title": "Rac basic sample project",
"url": "./gemini-viewer-examples/demo/bim_0.html" "url": "./demo/bim_0.html"
}, { }, {
"title": "Duplex", "title": "Duplex",
"url": "./gemini-viewer-examples/demo/bim_1.html" "url": "./demo/bim_1.html"
}] }]
}, { }, {
"title": "2D drawings", "title": "2D drawings",
"subMenus": [{ "subMenus": [{
"title": "Upload your local dxf", "title": "Upload your local dxf",
"url": "./gemini-viewer-examples/demo/empty_dxf_project.html" "url": "./demo/empty_dxf_project.html"
}, { }, {
"title": "Rac basic sample project", "title": "Rac basic sample project",
"url": "./gemini-viewer-examples/demo/dxf_0.html" "url": "./demo/dxf_0.html"
}, { }, {
"title": "City apartments", "title": "City apartments",
"url": "./gemini-viewer-examples/demo/dxf_1.html" "url": "./demo/dxf_1.html"
}, { }, {
"title": "Doors & windows", "title": "Doors & windows",
"url": "./gemini-viewer-examples/demo/dxf_2.html" "url": "./demo/dxf_2.html"
}, { }, {
"title": "Drawing comparison", "title": "Drawing comparison",
"url": "./gemini-viewer-examples/demo/dxf_3.html" "url": "./demo/dxf_3.html"
}, { }, {
"title": "Drawing comparison with 3 viewports", "title": "Drawing comparison with 3 viewports",
"url": "./gemini-viewer-examples/demo/dxf_4.html" "url": "./demo/dxf_4.html"
}, { }, {
"title": "Markups", "title": "Markups",
"url": "./gemini-viewer-examples/demo/dxf_5.html" "url": "./demo/dxf_5.html"
}, { }, {
"title": "Hotpoints", "title": "Hotpoints",
"url": "./gemini-viewer-examples/demo/dxf_6.html" "url": "./demo/dxf_6.html"
}] }]
}, { }, {
"title": "Panoramas", "title": "Panoramas",
"subMenus": [{ "subMenus": [{
"title": "Upload your local vr image(s)", "title": "Upload your local vr image(s)",
"url": "./gemini-viewer-examples/demo/empty_vr_project.html" "url": "./demo/empty_vr_project.html"
}, { }, {
"title": "Panorama(1 image)", "title": "Panorama(1 image)",
"url": "./gemini-viewer-examples/demo/vr_0.html" "url": "./demo/vr_0.html"
}, { }, {
"title": "Panorama(6 images)", "title": "Panorama(6 images)",
"url": "./gemini-viewer-examples/demo/vr_1.html" "url": "./demo/vr_1.html"
}, { }, {
"title": "Panorama(6 images)", "title": "Panorama(6 images)",
"url": "./gemini-viewer-examples/demo/vr_2.html" "url": "./demo/vr_2.html"
}, { }, {
"title": "Panorama(24 images)", "title": "Panorama(24 images)",
"url": "./gemini-viewer-examples/demo/vr_3.html" "url": "./demo/vr_3.html"
}, { }, {
"title": "Panorama(switching between components)", "title": "Panorama(switching between components)",
"url": "./gemini-viewer-examples/demo/vr_4.html" "url": "./demo/vr_4.html"
}, { }, {
"title": "Panorama(two viewports)", "title": "Panorama(two viewports)",
"url": "./gemini-viewer-examples/demo/vr_5.html" "url": "./demo/vr_5.html"
}, { }, {
"title": "Panorama album", "title": "Panorama album",
"url": "./gemini-viewer-examples/demo/vr_album_0.html" "url": "./demo/vr_album_0.html"
}] }]
}] }]

8
public/demo/bim_0.html
View File

@ -1,8 +1,8 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico"> <link rel="icon" href="./demo/favicon.ico">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css"> <link rel="stylesheet" type="text/css" href="./demo/global.css">
<style> <style>
#myCanvas { #myCanvas {
position: absolute; position: absolute;
@ -23,7 +23,7 @@
<div id="myCanvas" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { BimViewer, ToolbarMenuId } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { BimViewer, ToolbarMenuId } from "./demo/libs/gemini-viewer.esm.min.js";
const project = { const project = {
"id": "rac_basic_sample_project", "id": "rac_basic_sample_project",
@ -36,7 +36,7 @@
}, },
"models": [{ "models": [{
"name": "Rac basic sample project", "name": "Rac basic sample project",
"src": "./gemini-viewer-examples/demo/models/gltf/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],

8
public/demo/bim_1.html
View File

@ -1,8 +1,8 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" /> <link rel="icon" href="./demo/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" /> <link rel="stylesheet" type="text/css" href="./demo/global.css" />
</head> </head>
<body> <body>
@ -10,7 +10,7 @@
<div id="myCanvas" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { BimViewer, ToolbarMenuId } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { BimViewer, ToolbarMenuId } from "./demo/libs/gemini-viewer.esm.min.js";
const project = { const project = {
id: "Duplex", id: "Duplex",
@ -18,7 +18,7 @@
models: [ models: [
{ {
name: "Duplex", name: "Duplex",
src: "./gemini-viewer-examples/demo/models/gltf/Duplex.gltf", src: "./demo/models/gltf/Duplex.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],

20
public/demo/dxf_0.html
View File

@ -1,11 +1,11 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico"> <link rel="icon" href="./demo/favicon.ico">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css"> <link rel="stylesheet" type="text/css" href="./demo/global.css">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css"> <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css">
<link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css"> <link rel="stylesheet" href="./demo/layerManager/layerManager.css">
<link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css"> <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
<style> <style>
#myCanvas { #myCanvas {
position: absolute; position: absolute;
@ -26,14 +26,14 @@
<div id="myCanvas" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { DxfViewer, ViewerEvent } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { DxfViewer, ViewerEvent } from "./demo/libs/gemini-viewer.esm.min.js";
import DxfSettingsPanel from './gemini-viewer-examples/demo/settings/DxfSettingsPanel.js'; import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
import LayerManager from './gemini-viewer-examples/demo/layerManager/LayerManager.js'; import LayerManager from './demo/layerManager/LayerManager.js';
const models= [{ const models= [{
modelId: "dxf_0", modelId: "dxf_0",
name: "dxf_0", name: "dxf_0",
src: "./gemini-viewer-examples/demo/models/dxf/rac_basic_sample_project.dxf", src: "./demo/models/dxf/rac_basic_sample_project.dxf",
merge: true, merge: true,
visible: true, visible: true,
}]; }];
@ -50,7 +50,7 @@
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(config);
// const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"]; // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/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; window.viewer = viewer;

20
public/demo/dxf_1.html
View File

@ -1,11 +1,11 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" /> <link rel="icon" href="./demo/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" /> <link rel="stylesheet" type="text/css" href="./demo/global.css" />
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css" /> <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css" />
<link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css" /> <link rel="stylesheet" href="./demo/layerManager/layerManager.css" />
<link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css"> <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
</head> </head>
<body> <body>
@ -13,14 +13,14 @@
<div id="myCanvas" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { DxfViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { DxfViewer } from "./demo/libs/gemini-viewer.esm.min.js";
import DxfSettingsPanel from './gemini-viewer-examples/demo/settings/DxfSettingsPanel.js'; import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
import LayerManager from "./gemini-viewer-examples/demo/layerManager/LayerManager.js"; import LayerManager from "./demo/layerManager/LayerManager.js";
const models = [{ const models = [{
modelId: "dxf_1", modelId: "dxf_1",
name: "dxf_1", name: "dxf_1",
src: "./gemini-viewer-examples/demo/models/dxf/apartments.dxf", src: "./demo/models/dxf/apartments.dxf",
merge: true, merge: true,
visible: true, visible: true,
}]; }];
@ -36,7 +36,7 @@
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(config);
// const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"]; // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/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 // loadProjectModel

20
public/demo/dxf_2.html
View File

@ -1,11 +1,11 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" /> <link rel="icon" href="./demo/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" /> <link rel="stylesheet" type="text/css" href="./demo/global.css" />
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css" /> <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css" />
<link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css" /> <link rel="stylesheet" href="./demo/layerManager/layerManager.css" />
<link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css"> <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
</head> </head>
<body> <body>
@ -13,14 +13,14 @@
<div id="myCanvas" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { DxfViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { DxfViewer } from "./demo/libs/gemini-viewer.esm.min.js";
import DxfSettingsPanel from './gemini-viewer-examples/demo/settings/DxfSettingsPanel.js'; import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
import LayerManager from "./gemini-viewer-examples/demo/layerManager/LayerManager.js"; import LayerManager from "./demo/layerManager/LayerManager.js";
const models = [{ const models = [{
modelId: "dxf_2", modelId: "dxf_2",
name: "dxf_2", name: "dxf_2",
src: "./gemini-viewer-examples/demo/models/dxf/doors_and_windows.dxf", src: "./demo/models/dxf/doors_and_windows.dxf",
merge: true, merge: true,
visible: true, visible: true,
}]; }];
@ -36,7 +36,7 @@
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(config);
// const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"]; // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/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 // loadProjectModel

26
public/demo/dxf_3.html
View File

@ -1,12 +1,12 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" /> <link rel="icon" href="./demo/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" /> <link rel="stylesheet" type="text/css" href="./demo/global.css" />
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css" /> <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css" />
<link rel="stylesheet" href="./gemini-viewer-examples/demo/compare/compareSidePanel.css" /> <link rel="stylesheet" href="./demo/compare/compareSidePanel.css" />
<link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css" /> <link rel="stylesheet" href="./demo/layerManager/layerManager.css" />
<link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css" /> <link rel="stylesheet" href="./demo/settings/SettingsPanel.css" />
</head> </head>
<body> <body>
@ -14,13 +14,13 @@
<div id="myCanvas" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { DxfViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { DxfViewer } from "./demo/libs/gemini-viewer.esm.min.js";
import DxfCompareSidePanel from "./gemini-viewer-examples/demo/compare/compareSidePanel.js" import DxfCompareSidePanel from "./demo/compare/compareSidePanel.js"
import DxfSettingsPanel from "./gemini-viewer-examples/demo/settings/DxfSettingsPanel.js"; import DxfSettingsPanel from "./demo/settings/DxfSettingsPanel.js";
import LayerManager from "./gemini-viewer-examples/demo/layerManager/LayerManager.js"; import LayerManager from "./demo/layerManager/LayerManager.js";
const url1 = "./gemini-viewer-examples/demo/models/dxf/dxf_3.dxf"; const url1 = "./demo/models/dxf/dxf_3.dxf";
const url2 = "./gemini-viewer-examples/demo/models/dxf/dxf_3_1.dxf"; const url2 = "./demo/models/dxf/dxf_3_1.dxf";
const config = { const config = {
containerId: "myCanvas", containerId: "myCanvas",
enableAxisGizmo: true, enableAxisGizmo: true,
@ -33,7 +33,7 @@
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(config);
// const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"]; // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/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);
const onProgress = (event) => { const onProgress = (event) => {

26
public/demo/dxf_4.html
View File

@ -1,12 +1,12 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" /> <link rel="icon" href="./demo/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" /> <link rel="stylesheet" type="text/css" href="./demo/global.css" />
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css" /> <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css" />
<link rel="stylesheet" href="./gemini-viewer-examples/demo/compare/compareSidePanel.css" /> <link rel="stylesheet" href="./demo/compare/compareSidePanel.css" />
<link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css" /> <link rel="stylesheet" href="./demo/layerManager/layerManager.css" />
<link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css" /> <link rel="stylesheet" href="./demo/settings/SettingsPanel.css" />
<style> <style>
#myCanvas1 { #myCanvas1 {
width: 40%; width: 40%;
@ -62,13 +62,13 @@
<div id="myCanvas3" class="renderer-container"></div> <div id="myCanvas3" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { DxfViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { DxfViewer } from "./demo/libs/gemini-viewer.esm.min.js";
import DxfCompareSidePanel from "./gemini-viewer-examples/demo/compare/compareSidePanel.js" import DxfCompareSidePanel from "./demo/compare/compareSidePanel.js"
import DxfSettingsPanel from "./gemini-viewer-examples/demo/settings/DxfSettingsPanel.js"; import DxfSettingsPanel from "./demo/settings/DxfSettingsPanel.js";
import LayerManager from "./gemini-viewer-examples/demo/layerManager/LayerManager.js"; import LayerManager from "./demo/layerManager/LayerManager.js";
const url1 = "./gemini-viewer-examples/demo/models/dxf/dxf_3.dxf"; const url1 = "./demo/models/dxf/dxf_3.dxf";
const url2 = "./gemini-viewer-examples/demo/models/dxf/dxf_3_1.dxf"; const url2 = "./demo/models/dxf/dxf_3_1.dxf";
const modelConfig1 = { modelId: "dxf_1", name: "dxf 1", src: url1, ignorePaperSpace: true }; const modelConfig1 = { modelId: "dxf_1", name: "dxf 1", src: url1, ignorePaperSpace: true };
const modelConfig2 = { modelId: "dxf_2", name: "dxf 2", src: url2, ignorePaperSpace: true }; const modelConfig2 = { modelId: "dxf_2", name: "dxf 2", src: url2, ignorePaperSpace: true };
const config = { const config = {
@ -83,7 +83,7 @@
const viewer1 = new DxfViewer({ containerId: "myCanvas1"}); const viewer1 = new DxfViewer({ containerId: "myCanvas1"});
const viewer2 = new DxfViewer({ containerId: "myCanvas2"}); const viewer2 = new DxfViewer({ containerId: "myCanvas2"});
const viewer3 = new DxfViewer(config); const viewer3 = new DxfViewer(config);
const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/demo/three/fonts/simplex.shx"]; const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
await viewer1.setFont(fontFiles); await viewer1.setFont(fontFiles);
await viewer2.setFont(fontFiles); await viewer2.setFont(fontFiles);
await viewer3.setFont(fontFiles); await viewer3.setFont(fontFiles);

20
public/demo/dxf_5.html
View File

@ -1,11 +1,11 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico"> <link rel="icon" href="./demo/favicon.ico">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css"> <link rel="stylesheet" type="text/css" href="./demo/global.css">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css"> <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css">
<link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css"> <link rel="stylesheet" href="./demo/layerManager/layerManager.css">
<link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css"> <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
<style> <style>
#myCanvas { #myCanvas {
position: absolute; position: absolute;
@ -47,14 +47,14 @@
</div> </div>
</div> </div>
<script type="module"> <script type="module">
import { DxfViewer, ViewerEvent } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { DxfViewer, ViewerEvent } from "./demo/libs/gemini-viewer.esm.min.js";
import DxfSettingsPanel from './gemini-viewer-examples/demo/settings/DxfSettingsPanel.js'; import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
import LayerManager from './gemini-viewer-examples/demo/layerManager/LayerManager.js'; import LayerManager from './demo/layerManager/LayerManager.js';
const models= [{ const models= [{
modelId: "dxf_0", modelId: "dxf_0",
name: "dxf_0", name: "dxf_0",
src: "./gemini-viewer-examples/demo/models/dxf/rac_basic_sample_project.dxf", src: "./demo/models/dxf/rac_basic_sample_project.dxf",
merge: true, merge: true,
visible: true, visible: true,
}]; }];
@ -71,7 +71,7 @@
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(config);
// const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"]; // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/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; window.viewer = viewer;

20
public/demo/dxf_6.html
View File

@ -1,11 +1,11 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico"> <link rel="icon" href="./demo/favicon.ico">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css"> <link rel="stylesheet" type="text/css" href="./demo/global.css">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/iconfont/iconfont.css"> <link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css">
<link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css"> <link rel="stylesheet" href="./demo/layerManager/layerManager.css">
<link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css"> <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
<style> <style>
#myCanvas { #myCanvas {
position: absolute; position: absolute;
@ -101,14 +101,14 @@
</div> </div>
</div> </div>
<script type="module"> <script type="module">
import { DxfViewer, ViewerEvent } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { DxfViewer, ViewerEvent } from "./demo/libs/gemini-viewer.esm.min.js";
import DxfSettingsPanel from './gemini-viewer-examples/demo/settings/DxfSettingsPanel.js'; import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
import LayerManager from './gemini-viewer-examples/demo/layerManager/LayerManager.js'; import LayerManager from './demo/layerManager/LayerManager.js';
const models= [{ const models= [{
modelId: "dxf_0", modelId: "dxf_0",
name: "dxf_0", name: "dxf_0",
src: "./gemini-viewer-examples/demo/models/dxf/rac_basic_sample_project.dxf", src: "./demo/models/dxf/rac_basic_sample_project.dxf",
merge: true, merge: true,
visible: true, visible: true,
}]; }];
@ -125,7 +125,7 @@
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(config);
// const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"]; // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/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; window.viewer = viewer;

16
public/demo/empty_dxf_project.html
View File

@ -1,10 +1,10 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" /> <link rel="icon" href="./demo/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" /> <link rel="stylesheet" type="text/css" href="./demo/global.css" />
<link rel="stylesheet" href="./gemini-viewer-examples/demo/layerManager/layerManager.css"> <link rel="stylesheet" href="./demo/layerManager/layerManager.css">
<link rel="stylesheet" href="./gemini-viewer-examples/demo/settings/SettingsPanel.css"> <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
<style> <style>
.upload-btn { .upload-btn {
margin-top: 2em; margin-top: 2em;
@ -71,9 +71,9 @@
</div> </div>
</div> </div>
<script type="module"> <script type="module">
import { DxfViewer, LocalDxfUploader } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { DxfViewer, LocalDxfUploader } from "./demo/libs/gemini-viewer.esm.min.js";
import DxfSettingsPanel from './gemini-viewer-examples/demo/settings/DxfSettingsPanel.js'; import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
import LayerManager from './gemini-viewer-examples/demo/layerManager/LayerManager.js'; import LayerManager from './demo/layerManager/LayerManager.js';
const config = { const config = {
containerId: "myCanvas", containerId: "myCanvas",
@ -87,7 +87,7 @@
}; };
const viewer = new DxfViewer(config); const viewer = new DxfViewer(config);
// const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"]; // const fontFiles = ["three/fonts/Microsoft_YaHei_Regular.typeface.json"];
const fontFiles = ["./gemini-viewer-examples/demo/three/fonts/hztxt.shx", "./gemini-viewer-examples/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);
const modelUploader = new LocalDxfUploader(viewer); const modelUploader = new LocalDxfUploader(viewer);

6
public/demo/empty_model_project.html
View File

@ -1,8 +1,8 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" /> <link rel="icon" href="./demo/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" /> <link rel="stylesheet" type="text/css" href="./demo/global.css" />
<style> <style>
.upload-btn { .upload-btn {
margin-top: 2em; margin-top: 2em;
@ -62,7 +62,7 @@
</div> </div>
</div> </div>
<script type="module"> <script type="module">
import { BimViewer, ToolbarMenuId, LocalModelUploader } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { BimViewer, ToolbarMenuId, LocalModelUploader } from "./demo/libs/gemini-viewer.esm.min.js";
const project = { const project = {
id: "empty_project", id: "empty_project",

6
public/demo/empty_vr_project.html
View File

@ -1,8 +1,8 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico" /> <link rel="icon" href="./demo/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css" /> <link rel="stylesheet" type="text/css" href="./demo/global.css" />
<style> <style>
.upload-btn { .upload-btn {
margin-top: 2em; margin-top: 2em;
@ -61,7 +61,7 @@
</div> </div>
</div> </div>
<script type="module"> <script type="module">
import { VRViewer, LocalImageUploader } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { VRViewer, LocalImageUploader } from "./demo/libs/gemini-viewer.esm.min.js";
const config = { const config = {
containerId: "myCanvas", containerId: "myCanvas",

24
public/demo/vr_0.html
View File

@ -1,8 +1,8 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico"> <link rel="icon" href="./demo/favicon.ico">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css"> <link rel="stylesheet" type="text/css" href="./demo/global.css">
<style> <style>
.viewpoint { .viewpoint {
opacity: 0.8; opacity: 0.8;
@ -34,7 +34,7 @@
position: absolute; position: absolute;
top: 15px; top: 15px;
left: -32px; left: -32px;
background-image: url('./gemini-viewer-examples/demo/images/arrow.png'); background-image: url('./demo/images/arrow.png');
background-position: calc(100%) calc(100% - 128px); background-position: calc(100%) calc(100% - 128px);
background-size: cover; background-size: cover;
} }
@ -92,19 +92,19 @@
<div id="myCanvas" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
const viewpoints = [{ const viewpoints = [{
panoramas: [{ panoramas: [{
id: "panorama_1", id: "panorama_1",
images: "./gemini-viewer-examples/demo/images/vr/vr_0/vr_0.jpg", images: "./demo/images/vr/vr_0/vr_0.jpg",
thumbnails:[ thumbnails:[
"./gemini-viewer-examples/demo/images/vr/vr_0/thumbnail/right.jpg", "./demo/images/vr/vr_0/thumbnail/right.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_0/thumbnail/left.jpg", "./demo/images/vr/vr_0/thumbnail/left.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_0/thumbnail/top.jpg", "./demo/images/vr/vr_0/thumbnail/top.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_0/thumbnail/bottom.jpg", "./demo/images/vr/vr_0/thumbnail/bottom.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_0/thumbnail/front.jpg", "./demo/images/vr/vr_0/thumbnail/front.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_0/thumbnail/back.jpg", "./demo/images/vr/vr_0/thumbnail/back.jpg",
] ]
}], }],
id: "viewpoint_1", id: "viewpoint_1",
@ -128,7 +128,7 @@
}, { }, {
panoramas: [{ panoramas: [{
id: "panorama_2", id: "panorama_2",
images: "./gemini-viewer-examples/demo/images/vr/album_0/主卧.jpg", images: "./demo/images/vr/album_0/主卧.jpg",
thumbnails: [], thumbnails: [],
}], }],
id: "viewpoint_2", id: "viewpoint_2",

30
public/demo/vr_1.html
View File

@ -1,8 +1,8 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico"> <link rel="icon" href="./demo/favicon.ico">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css"> <link rel="stylesheet" type="text/css" href="./demo/global.css">
</head> </head>
<body> <body>
@ -10,26 +10,26 @@
<div id="myCanvas" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
const viewpoints = [{ const viewpoints = [{
panoramas: [{ panoramas: [{
id: "panorama_1", id: "panorama_1",
images: [ images: [
"./gemini-viewer-examples/demo/images/vr/vr_1/right.jpg", "./demo/images/vr/vr_1/right.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_1/left.jpg", "./demo/images/vr/vr_1/left.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_1/top.jpg", "./demo/images/vr/vr_1/top.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_1/bottom.jpg", "./demo/images/vr/vr_1/bottom.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_1/front.jpg", "./demo/images/vr/vr_1/front.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_1/back.jpg", "./demo/images/vr/vr_1/back.jpg",
], ],
thumbnails: [ thumbnails: [
"./gemini-viewer-examples/demo/images/vr/vr_1/thumbnail/right.jpg", "./demo/images/vr/vr_1/thumbnail/right.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_1/thumbnail/left.jpg", "./demo/images/vr/vr_1/thumbnail/left.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_1/thumbnail/top.jpg", "./demo/images/vr/vr_1/thumbnail/top.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_1/thumbnail/bottom.jpg", "./demo/images/vr/vr_1/thumbnail/bottom.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_1/thumbnail/front.jpg", "./demo/images/vr/vr_1/thumbnail/front.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_1/thumbnail/back.jpg", "./demo/images/vr/vr_1/thumbnail/back.jpg",
], ],
}], }],
id: "viewpoint_1", id: "viewpoint_1",

30
public/demo/vr_2.html
View File

@ -1,8 +1,8 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico"> <link rel="icon" href="./demo/favicon.ico">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css"> <link rel="stylesheet" type="text/css" href="./demo/global.css">
</head> </head>
<body> <body>
@ -10,26 +10,26 @@
<div id="myCanvas" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
const viewpoints = [{ const viewpoints = [{
panoramas: [{ panoramas: [{
id: "panorama_1", id: "panorama_1",
images: [ images: [
"./gemini-viewer-examples/demo/images/vr/vr_2/right.jpg", "./demo/images/vr/vr_2/right.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_2/left.jpg", "./demo/images/vr/vr_2/left.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_2/top.jpg", "./demo/images/vr/vr_2/top.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_2/bottom.jpg", "./demo/images/vr/vr_2/bottom.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_2/front.jpg", "./demo/images/vr/vr_2/front.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_2/back.jpg", "./demo/images/vr/vr_2/back.jpg",
], ],
thumbnails: [ thumbnails: [
"./gemini-viewer-examples/demo/images/vr/vr_2/thumbnail/right.jpg", "./demo/images/vr/vr_2/thumbnail/right.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_2/thumbnail/left.jpg", "./demo/images/vr/vr_2/thumbnail/left.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_2/thumbnail/top.jpg", "./demo/images/vr/vr_2/thumbnail/top.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_2/thumbnail/bottom.jpg", "./demo/images/vr/vr_2/thumbnail/bottom.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_2/thumbnail/front.jpg", "./demo/images/vr/vr_2/thumbnail/front.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_2/thumbnail/back.jpg", "./demo/images/vr/vr_2/thumbnail/back.jpg",
], ],
}], }],
id: "viewpoint_1", id: "viewpoint_1",

66
public/demo/vr_3.html
View File

@ -1,8 +1,8 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico"> <link rel="icon" href="./demo/favicon.ico">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css"> <link rel="stylesheet" type="text/css" href="./demo/global.css">
</head> </head>
<body> <body>
@ -10,42 +10,42 @@
<div id="myCanvas" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
// in order of right, left, up/top, down/bottom, front, back // in order of right, left, up/top, down/bottom, front, back
const image24 = [ const image24 = [
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_r_1_1.jpg", "./demo/images/vr/vr_3/l4_r_1_1.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_r_1_2.jpg", "./demo/images/vr/vr_3/l4_r_1_2.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_r_2_1.jpg", "./demo/images/vr/vr_3/l4_r_2_1.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_r_2_2.jpg", "./demo/images/vr/vr_3/l4_r_2_2.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_l_1_1.jpg", "./demo/images/vr/vr_3/l4_l_1_1.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_l_1_2.jpg", "./demo/images/vr/vr_3/l4_l_1_2.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_l_2_1.jpg", "./demo/images/vr/vr_3/l4_l_2_1.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_l_2_2.jpg", "./demo/images/vr/vr_3/l4_l_2_2.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_u_1_1.jpg", "./demo/images/vr/vr_3/l4_u_1_1.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_u_1_2.jpg", "./demo/images/vr/vr_3/l4_u_1_2.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_u_2_1.jpg", "./demo/images/vr/vr_3/l4_u_2_1.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_u_2_2.jpg", "./demo/images/vr/vr_3/l4_u_2_2.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_d_1_1.jpg", "./demo/images/vr/vr_3/l4_d_1_1.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_d_1_2.jpg", "./demo/images/vr/vr_3/l4_d_1_2.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_d_2_1.jpg", "./demo/images/vr/vr_3/l4_d_2_1.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_d_2_2.jpg", "./demo/images/vr/vr_3/l4_d_2_2.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_f_1_1.jpg", "./demo/images/vr/vr_3/l4_f_1_1.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_f_1_2.jpg", "./demo/images/vr/vr_3/l4_f_1_2.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_f_2_1.jpg", "./demo/images/vr/vr_3/l4_f_2_1.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_f_2_2.jpg", "./demo/images/vr/vr_3/l4_f_2_2.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_b_1_1.jpg", "./demo/images/vr/vr_3/l4_b_1_1.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_b_1_2.jpg", "./demo/images/vr/vr_3/l4_b_1_2.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_b_2_1.jpg", "./demo/images/vr/vr_3/l4_b_2_1.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l4_b_2_2.jpg", "./demo/images/vr/vr_3/l4_b_2_2.jpg",
]; ];
const image6 = [ const image6 = [
"./gemini-viewer-examples/demo/images/vr/vr_3/l1_r.jpg", "./demo/images/vr/vr_3/l1_r.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l1_l.jpg", "./demo/images/vr/vr_3/l1_l.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l1_u.jpg", "./demo/images/vr/vr_3/l1_u.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l1_d.jpg", "./demo/images/vr/vr_3/l1_d.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l1_f.jpg", "./demo/images/vr/vr_3/l1_f.jpg",
"./gemini-viewer-examples/demo/images/vr/vr_3/l1_b.jpg", "./demo/images/vr/vr_3/l1_b.jpg",
]; ];
const viewpoints = [{ const viewpoints = [{
panoramas: [{ panoramas: [{

10
public/demo/vr_4.html
View File

@ -1,8 +1,8 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico"> <link rel="icon" href="./demo/favicon.ico">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css"> <link rel="stylesheet" type="text/css" href="./demo/global.css">
<style> <style>
.hotpoint { .hotpoint {
opacity: 0.8; opacity: 0.8;
@ -58,7 +58,7 @@
<div id="myCanvas" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
const viewpointIds = ["viewpoint_1"]; const viewpointIds = ["viewpoint_1"];
const panoramaIds = ["panorama_1", "panorama_2"]; const panoramaIds = ["panorama_1", "panorama_2"];
@ -67,7 +67,7 @@
const viewpoints = [{ const viewpoints = [{
panoramas: [{ panoramas: [{
id: panoramaIds[0], id: panoramaIds[0],
images: ["./gemini-viewer-examples/demo/images/vr/vr_4/vr_1.jpg"], images: ["./demo/images/vr/vr_4/vr_1.jpg"],
thumbnails: [], thumbnails: [],
}], }],
id: viewpointIds[0], id: viewpointIds[0],
@ -88,7 +88,7 @@
// we'll dynamically add this viewpoint and switch to it // we'll dynamically add this viewpoint and switch to it
const panoramaNoDecoration = { const panoramaNoDecoration = {
id: panoramaIds[1], id: panoramaIds[1],
images: ["./gemini-viewer-examples/demo/images/vr/vr_4/vr_2.jpg"], images: ["./demo/images/vr/vr_4/vr_2.jpg"],
thumbnails: [], thumbnails: [],
}; };
const hotpoints = [{ const hotpoints = [{

12
public/demo/vr_5.html
View File

@ -1,8 +1,8 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico"> <link rel="icon" href="./demo/favicon.ico">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css"> <link rel="stylesheet" type="text/css" href="./demo/global.css">
<style> <style>
.my-renderer-container { .my-renderer-container {
width: 50%; width: 50%;
@ -43,7 +43,7 @@
position: absolute; position: absolute;
top: 15px; top: 15px;
left: -32px; left: -32px;
background-image: url('./gemini-viewer-examples/demo/images/arrow.png'); background-image: url('./demo/images/arrow.png');
background-position: calc(100%) calc(100% - 128px); background-position: calc(100%) calc(100% - 128px);
background-size: cover; background-size: cover;
} }
@ -102,12 +102,12 @@
<div id="myCanvas2" class="my-renderer-container canvas2"></div> <div id="myCanvas2" class="my-renderer-container canvas2"></div>
</div> </div>
<script type="module"> <script type="module">
import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
const viewpoints = [{ const viewpoints = [{
panoramas: [{ panoramas: [{
id: "panorama_1", id: "panorama_1",
images: "./gemini-viewer-examples/demo/images/vr/vr_5/panorama1.jpg", images: "./demo/images/vr/vr_5/panorama1.jpg",
}], }],
id: "viewpoint_1", id: "viewpoint_1",
name: "客厅", name: "客厅",
@ -125,7 +125,7 @@
const viewpoints2 = [{ const viewpoints2 = [{
panoramas: [{ panoramas: [{
id: "panorama_1", id: "panorama_1",
images: "./gemini-viewer-examples/demo/images/vr/vr_5/panorama2.jpg", images: "./demo/images/vr/vr_5/panorama2.jpg",
}], }],
id: "viewpoint_1", id: "viewpoint_1",
name: "客厅", name: "客厅",

72
public/demo/vr_album_0.html
View File

@ -1,8 +1,8 @@
<html> <html>
<head> <head>
<link rel="icon" href="./gemini-viewer-examples/demo/favicon.ico"> <link rel="icon" href="./demo/favicon.ico">
<link rel="stylesheet" type="text/css" href="./gemini-viewer-examples/demo/global.css"> <link rel="stylesheet" type="text/css" href="./demo/global.css">
<style> <style>
.viewpoint { .viewpoint {
opacity: 0.8; opacity: 0.8;
@ -33,7 +33,7 @@
position: absolute; position: absolute;
top: 12px; top: 12px;
left: -36px; left: -36px;
background-image: url('./gemini-viewer-examples/demo/images/arrow.png'); background-image: url('./demo/images/arrow.png');
background-position: calc(100%) calc(100% - 128px); background-position: calc(100%) calc(100% - 128px);
background-size: cover; background-size: cover;
transform: scale(1.2); transform: scale(1.2);
@ -46,7 +46,7 @@
position: absolute; position: absolute;
top: 12px; top: 12px;
left: -36px; left: -36px;
background-image: url('./gemini-viewer-examples/demo/images/arrow_left.png'); background-image: url('./demo/images/arrow_left.png');
background-position: calc(100%) calc(100% - 128px); background-position: calc(100%) calc(100% - 128px);
background-size: cover;; background-size: cover;;
transform: scale(1.2); transform: scale(1.2);
@ -59,7 +59,7 @@
position: absolute; position: absolute;
top: 12px; top: 12px;
left: -36px; left: -36px;
background-image: url('./gemini-viewer-examples/demo/images/arrow_right.png'); background-image: url('./demo/images/arrow_right.png');
background-position: calc(100%) calc(100% - 128px); background-position: calc(100%) calc(100% - 128px);
background-size: cover;; background-size: cover;;
transform: scale(1.2); transform: scale(1.2);
@ -72,18 +72,18 @@
<div id="myCanvas" class="renderer-container"></div> <div id="myCanvas" class="renderer-container"></div>
</div> </div>
<script type="module"> <script type="module">
import { VRViewer } from "./gemini-viewer-examples/demo/libs/gemini-viewer.esm.min.js"; import { VRViewer } from "./demo/libs/gemini-viewer.esm.min.js";
const viewpoints = [{ const viewpoints = [{
panoramas: [{ panoramas: [{
id: "panorama_1", id: "panorama_1",
images: [ images: [
"./gemini-viewer-examples/demo/images/vr/album_0/客厅/right.jpg", "./demo/images/vr/album_0/客厅/right.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/客厅/left.jpg", "./demo/images/vr/album_0/客厅/left.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/客厅/top.jpg", "./demo/images/vr/album_0/客厅/top.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/客厅/bottom.jpg", "./demo/images/vr/album_0/客厅/bottom.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/客厅/front.jpg", "./demo/images/vr/album_0/客厅/front.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/客厅/back.jpg", "./demo/images/vr/album_0/客厅/back.jpg",
], ],
thumbnails: [], thumbnails: [],
}], }],
@ -107,12 +107,12 @@
panoramas: [{ panoramas: [{
id: "panorama_2", id: "panorama_2",
images: [ images: [
"./gemini-viewer-examples/demo/images/vr/album_0/客餐厅/right.jpg", "./demo/images/vr/album_0/客餐厅/right.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/客餐厅/left.jpg", "./demo/images/vr/album_0/客餐厅/left.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/客餐厅/top.jpg", "./demo/images/vr/album_0/客餐厅/top.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/客餐厅/bottom.jpg", "./demo/images/vr/album_0/客餐厅/bottom.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/客餐厅/front.jpg", "./demo/images/vr/album_0/客餐厅/front.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/客餐厅/back.jpg", "./demo/images/vr/album_0/客餐厅/back.jpg",
], ],
thumbnails: [], thumbnails: [],
}], }],
@ -147,12 +147,12 @@
panoramas: [{ panoramas: [{
id: "panorama_3", id: "panorama_3",
images: [ images: [
"./gemini-viewer-examples/demo/images/vr/album_0/餐厅/right.jpg", "./demo/images/vr/album_0/餐厅/right.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/餐厅/left.jpg", "./demo/images/vr/album_0/餐厅/left.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/餐厅/top.jpg", "./demo/images/vr/album_0/餐厅/top.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/餐厅/bottom.jpg", "./demo/images/vr/album_0/餐厅/bottom.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/餐厅/front.jpg", "./demo/images/vr/album_0/餐厅/front.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/餐厅/back.jpg", "./demo/images/vr/album_0/餐厅/back.jpg",
], ],
thumbnails: [], thumbnails: [],
}], }],
@ -176,12 +176,12 @@
panoramas: [{ panoramas: [{
id: "panorama_4", id: "panorama_4",
images: [ images: [
"./gemini-viewer-examples/demo/images/vr/album_0/主卧/right.jpg", "./demo/images/vr/album_0/主卧/right.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/主卧/left.jpg", "./demo/images/vr/album_0/主卧/left.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/主卧/top.jpg", "./demo/images/vr/album_0/主卧/top.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/主卧/bottom.jpg", "./demo/images/vr/album_0/主卧/bottom.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/主卧/front.jpg", "./demo/images/vr/album_0/主卧/front.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/主卧/back.jpg", "./demo/images/vr/album_0/主卧/back.jpg",
], ],
thumbnails: [], thumbnails: [],
}], }],
@ -200,12 +200,12 @@
panoramas: [{ panoramas: [{
id: "panorama_5", id: "panorama_5",
images: [ images: [
"./gemini-viewer-examples/demo/images/vr/album_0/小孩房/right.jpg", "./demo/images/vr/album_0/小孩房/right.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/小孩房/left.jpg", "./demo/images/vr/album_0/小孩房/left.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/小孩房/top.jpg", "./demo/images/vr/album_0/小孩房/top.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/小孩房/bottom.jpg", "./demo/images/vr/album_0/小孩房/bottom.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/小孩房/front.jpg", "./demo/images/vr/album_0/小孩房/front.jpg",
"./gemini-viewer-examples/demo/images/vr/album_0/小孩房/back.jpg", "./demo/images/vr/album_0/小孩房/back.jpg",
], ],
thumbnails: [], thumbnails: [],
}], }],

2
src/pages/demo/index.tsx
View File

@ -8,7 +8,7 @@ function Demo() {
const [data, setData] = useState<MenusProp[]>([]); const [data, setData] = useState<MenusProp[]>([]);
useEffect(() => { useEffect(() => {
fetch("../gemini-viewer-examples/config.json").then(data => data.json()).then((data) => { fetch("./config.json").then(data => data.json()).then((data) => {
setData(data); setData(data);
}); });
}, []) }, [])