[Frontend] 3D電梯模型更新，測試移動
This commit is contained in:
wanli
parent
22aeb02835
commit
7391959286
@ -1,241 +1,136 @@
|
|||||||
<html>
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta name="viewport"
|
|
||||||
content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=no" />
|
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
|
<title></title>
|
||||||
<!-- The Viewer CSS -->
|
|
||||||
<link rel="stylesheet"
|
|
||||||
href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.min.css"
|
|
||||||
type="text/css" />
|
|
||||||
|
|
||||||
<!-- Developer CSS -->
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#MyConytainerDiv {
|
|
||||||
width: 80%;
|
|
||||||
height: 100%;
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
#MyViewerDiv {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
margin: 0;
|
|
||||||
background-color: #f0f8ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#MyCar {
|
|
||||||
width: 10%;
|
|
||||||
margin: 5%;
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<title>Showing A360 Shared files</title>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<!-- The Viewer will be instantiated here -->
|
|
||||||
<div id="MyConytainerDiv">
|
<link rel="shortcut icon" href="https://github.com/Autodesk-Forge/learn.forge.viewmodels/raw/master/img/favicon.ico">
|
||||||
<div id="MyViewerDiv" ondragover="onDragOver(event)" ondrop="onDrop(event)"></div>
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css">
|
||||||
</div>
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/themes/default/style.min.css" />
|
||||||
<div id="MyCar" draggable="true" ondragstart="onDragStart(event)">
|
<!-- Autodesk Forge Viewer files -->
|
||||||
<img src="car.png" width="100%" />
|
<link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.min.css" type="text/css">
|
||||||
<img id="blank" />
|
|
||||||
|
|
||||||
|
<div id="MyControls" class="adsk control">
|
||||||
|
<p style="text-align: center; font-weight: bold;">Robot Controls</p>
|
||||||
|
<p id="id_printer">Selected_ID: </p>
|
||||||
|
<p id="all_id">All_ID: </p>
|
||||||
|
<button id="1F1oor" onclick="move1Floor()">1 Floor</button>
|
||||||
|
<button id="2F1oor" onclick="move2Floor()">2 Floor</button>
|
||||||
|
<button id="3F1oor" onclick="move3Floor()">3 Floor</button>
|
||||||
|
|
||||||
|
<button id="4F1oor" onclick="move4Floor()">4 Floor</button>
|
||||||
|
<button id="5F1oor" onclick="move5Floor()">5 Floor</button>
|
||||||
|
<button id="6F1oor" onclick="move6Floor()">6 Floor</button>
|
||||||
|
<button id="7F1oor" onclick="move7Floor()">7 Floor</button>
|
||||||
|
<button id="8F1oor" onclick="move8Floor()">8 Floor</button>
|
||||||
|
<button id="9F1oor" onclick="move9Floor()">9 Floor</button>
|
||||||
|
<button id="10F1oor" onclick="move10Floor()">10 Floor</button>
|
||||||
|
<button id="11F1oor" onclick="move11Floor()">11 Floor</button>
|
||||||
|
<button id="12F1oor" onclick="move12Floor()">12 Floor</button>
|
||||||
|
<button id="13F1oor" onclick="moveB1Floor()">B1 Floor</button>
|
||||||
|
<input id="lightBar" type="range" min="0" max="100" step="5" onchange="changeLightPower()">亮度
|
||||||
|
<!-- <input type="range">Main Axis</input> -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- The Viewer JS -->
|
<div>
|
||||||
|
<div id="forgeViewer"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!--Base JS-->
|
||||||
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
|
||||||
|
<script src="js/init.js"></script>
|
||||||
|
|
||||||
|
<!-- Common packages: jQuery, Bootstrap, jsTree -->
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/jstree.min.js"></script>
|
||||||
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.js"></script>
|
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.js"></script>
|
||||||
|
<script src="js/forge/modeltest.js"></script>
|
||||||
|
|
||||||
<!-- jQuery -->
|
|
||||||
<script src="https://code.jquery.com/jquery-3.2.1.min.js"
|
|
||||||
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
|
|
||||||
crossorigin="anonymous"></script>
|
|
||||||
|
|
||||||
<!-- Developer JS -->
|
|
||||||
<script>
|
<script>
|
||||||
// this is the iframe URL that shows up when sharing a model embed on a page
|
$(document).ready(function () {
|
||||||
var myRevitFile =
|
launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwJUU1JThGJUIwJUU1JThDJTk3JUU0JUI4JUFEJUU4JThGJUIxJUU1JUE0JUE3JUU2JUE4JTkzJUUzJTgwJTkxQVJDLm53ZA');
|
||||||
"https://myhub.autodesk360.com/ue29c89b7/shares/public/SH7f1edQT22b515c761e81af7c91890bcea5?mode=embed"; // Revit file (A360/Forge/Napa.rvt)
|
|
||||||
var myDwfxFile =
|
|
||||||
"https://autodesk3743.autodesk360.com/shares/public/SH919a0QTf3c32634dcf03b8a55be243c021?mode=embed"; // Sports Car.dwfx
|
|
||||||
|
|
||||||
var viewer;
|
|
||||||
let mainModel = null;
|
|
||||||
let secondModel = null;
|
|
||||||
let extraZ = 0;
|
|
||||||
|
|
||||||
function getURN(embedURLfromA360, onURNCallback) {
|
|
||||||
$.get({
|
|
||||||
url: embedURLfromA360
|
|
||||||
.replace("public", "metadata")
|
|
||||||
.replace("mode=embed", ""),
|
|
||||||
dataType: "json",
|
|
||||||
success: function (metadata) {
|
|
||||||
if (onURNCallback) {
|
|
||||||
let urn = btoa(metadata.success.body.urn)
|
|
||||||
.replace("/", "_")
|
|
||||||
.replace("=", "");
|
|
||||||
onURNCallback(urn);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function getForgeToken(onTokenCallback) {
|
|
||||||
$.post({
|
|
||||||
url: myRevitFile
|
|
||||||
.replace("public", "sign")
|
|
||||||
.replace("mode=embed", "oauth2=true"),
|
|
||||||
data: "{}",
|
|
||||||
success: function (oauth) {
|
|
||||||
if (onTokenCallback)
|
|
||||||
onTokenCallback(oauth.accessToken, oauth.validitySeconds);
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function onDragStart(event) {
|
|
||||||
event.dataTransfer.effectAllowed = 'copy';
|
|
||||||
// Hide the dragged image
|
|
||||||
var img = document.getElementById("blank");
|
|
||||||
event.dataTransfer.setDragImage(img, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Load car model
|
|
||||||
const ModelState = {
|
|
||||||
unloaded: 0,
|
|
||||||
loading: 1,
|
|
||||||
loaded: 2,
|
|
||||||
};
|
|
||||||
let modelState = ModelState.unloaded;
|
|
||||||
function onDragOver(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
switch (modelState) {
|
|
||||||
case ModelState.unloaded: {
|
|
||||||
modelState = ModelState.loading;
|
|
||||||
getURN(myDwfxFile, function (urn) {
|
|
||||||
let documentId = "urn:" + urn;
|
|
||||||
|
|
||||||
Autodesk.Viewing.Document.load(documentId, (doc) => {
|
|
||||||
let items = doc.getRoot().search(
|
|
||||||
{
|
|
||||||
type: "geometry",
|
|
||||||
role: "3d",
|
|
||||||
},
|
|
||||||
true
|
|
||||||
);
|
|
||||||
if (items.length === 0) {
|
|
||||||
console.error("Document contains no viewables.");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let tr = new THREE.Matrix4();
|
|
||||||
tr.set(
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
0.005,
|
|
||||||
0,
|
|
||||||
0.005,
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
0.005,
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
1
|
|
||||||
);
|
|
||||||
viewer
|
|
||||||
.loadDocumentNode(doc, items[0], {
|
|
||||||
keepCurrentModels: true,
|
|
||||||
placementTransform: tr,
|
|
||||||
})
|
|
||||||
.then(function (model2) {
|
|
||||||
secondModel = model2;
|
|
||||||
let bb = secondModel.getBoundingBox();
|
|
||||||
extraZ = bb.max.z;
|
|
||||||
modelState = ModelState.loaded;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
case ModelState.loaded: {
|
|
||||||
let res = viewer.impl.hitTest(
|
|
||||||
event.clientX,
|
|
||||||
event.clientY,
|
|
||||||
true,
|
|
||||||
null,
|
|
||||||
[mainModel.getModelId()]
|
|
||||||
);
|
|
||||||
let pt = null;
|
|
||||||
|
|
||||||
if (res) {
|
|
||||||
pt = res.intersectPoint;
|
|
||||||
} else {
|
|
||||||
pt = viewer.impl.intersectGround(event.clientX, event.clientY);
|
|
||||||
}
|
|
||||||
|
|
||||||
let tr = secondModel.getPlacementTransform();
|
|
||||||
tr.elements[12] = pt.x;
|
|
||||||
tr.elements[13] = pt.y;
|
|
||||||
tr.elements[14] = pt.z + extraZ;
|
|
||||||
secondModel.setPlacementTransform(tr);
|
|
||||||
viewer.impl.invalidate(true, true, true);
|
|
||||||
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function onDrop(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
modelState = ModelState.unloaded;
|
|
||||||
}
|
|
||||||
|
|
||||||
let options = {
|
|
||||||
env: "AutodeskProduction",
|
|
||||||
getAccessToken: getForgeToken,
|
|
||||||
};
|
|
||||||
|
|
||||||
Autodesk.Viewing.Initializer(options, function onInitialized() {
|
|
||||||
var viewerDiv = document.getElementById("MyViewerDiv");
|
|
||||||
viewer = new Autodesk.Viewing.GuiViewer3D(viewerDiv);
|
|
||||||
viewer.start();
|
|
||||||
|
|
||||||
getURN(myRevitFile, function (urn) {
|
|
||||||
let documentId = "urn:" + urn;
|
|
||||||
|
|
||||||
Autodesk.Viewing.Document.load(documentId, (doc) => {
|
|
||||||
let items = doc.getRoot().search(
|
|
||||||
{
|
|
||||||
type: "geometry",
|
|
||||||
role: "3d",
|
|
||||||
},
|
|
||||||
true
|
|
||||||
);
|
|
||||||
if (items.length === 0) {
|
|
||||||
console.error("Document contains no viewables.");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
viewer.loadDocumentNode(doc, items[0], {}).then(function (model1) {
|
|
||||||
mainModel = model1;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
function move1Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(0);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
function move2Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(1);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
function move3Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(2);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
|
||||||
|
function move4Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(3);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
function move5Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(4);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
function move6Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(5);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
function move7Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(6);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
function move8Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(7);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
function move9Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(8);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
function move10Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(9);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
function move11Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(10);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
function move12Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(11);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
function moveB1Floor() {
|
||||||
|
setElevatorSpeed(0.2);
|
||||||
|
setElevatorFloor(-1);
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
|
||||||
|
function changeLightPower() {
|
||||||
|
var value = document.getElementById('lightBar').value;
|
||||||
|
console.log("power: " + value);
|
||||||
|
setLightPower(value);
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
416
Frontend/js/forge/modeltest.js
Normal file
416
Frontend/js/forge/modeltest.js
Normal file
@ -0,0 +1,416 @@
|
|||||||
|
var viewer;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Initialize sensor values
|
||||||
|
//let sensorVals = [];
|
||||||
|
let fragProxy;
|
||||||
|
var targetFloorZ;
|
||||||
|
var elevatorSpeed;
|
||||||
|
// for (let i = 0; i < devices.length; i++) {
|
||||||
|
// sensorVals[i] = Math.random();
|
||||||
|
// }
|
||||||
|
|
||||||
|
function launchViewer(urn) {
|
||||||
|
var options = {
|
||||||
|
env: 'AutodeskProduction',
|
||||||
|
getAccessToken: getForgeToken
|
||||||
|
};
|
||||||
|
|
||||||
|
Autodesk.Viewing.Initializer(options, () => {
|
||||||
|
viewer = new Autodesk.Viewing.GuiViewer3D(document.getElementById('forgeViewer'));
|
||||||
|
//viewer = new Autodesk.Viewing.Viewer3D(document.getElementById('forgeViewer'));
|
||||||
|
viewer.start();
|
||||||
|
var documentId = 'urn:' + urn;
|
||||||
|
Autodesk.Viewing.Document.load(documentId, onDocumentLoadSuccess, onDocumentLoadFailure);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//test
|
||||||
|
// for (let i = 0; i < urn.length; i++) {
|
||||||
|
// Autodesk.Viewing.Document.load(urn[i]["urn"], async (doc) => {
|
||||||
|
// let viewables = doc.getRoot().getDefaultGeometry();
|
||||||
|
// let model = await viewer.loadDocumentNode(doc, viewables, {
|
||||||
|
// preserveView: false,
|
||||||
|
// keepCurrentModels: true,
|
||||||
|
// placementTransform: (new THREE.Matrix4()).setPosition(urn[i]["xform"]),
|
||||||
|
// keepCurrentModels: true,
|
||||||
|
// globalOffset: {
|
||||||
|
// x: 0,
|
||||||
|
// y: 0,
|
||||||
|
// z: 0
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
|
||||||
|
// await viewer.waitForLoadDone(); //!<<< Wait for loading materials, properties and geometries for this model (URN)
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
|
||||||
|
//loadHeatmaps(viewer.getAllModels()[0]); //!<<< equals to viewer.model
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function getAllLeafComponents(viewer, callback) {
|
||||||
|
var cbCount = 0;
|
||||||
|
var tree;
|
||||||
|
var jsData = []
|
||||||
|
|
||||||
|
function getLeafComponentsRec(current, parent) {
|
||||||
|
cbCount++;
|
||||||
|
if (tree.getChildCount(current) != 0) {
|
||||||
|
tree.enumNodeChildren(current, function (children) {
|
||||||
|
getLeafComponentsRec(children, current);
|
||||||
|
}, false);
|
||||||
|
}
|
||||||
|
var nodeName = viewer.model.getInstanceTree().getNodeName(current)
|
||||||
|
jsData.push({ id: current, parent: parent, text: nodeName })
|
||||||
|
|
||||||
|
if (--cbCount == 0) callback(jsData);
|
||||||
|
}
|
||||||
|
viewer.getObjectTree(function (objectTree) {
|
||||||
|
tree = objectTree;
|
||||||
|
var rootId = tree.getRootId()
|
||||||
|
var nodeName = viewer.model.getInstanceTree().getNodeName(rootId)
|
||||||
|
jsData.push({ id: rootId, parent: '#', text: nodeName })
|
||||||
|
var allLeafComponents = getLeafComponentsRec(rootId, '#');
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function onDocumentLoadSuccess(doc) {
|
||||||
|
var viewables = doc.getRoot().getDefaultGeometry();
|
||||||
|
viewer.loadDocumentNode(doc, viewables).then(i => {
|
||||||
|
// documented loaded, any action?
|
||||||
|
});
|
||||||
|
viewer.addEventListener(Autodesk.Viewing.AGGREGATE_SELECTION_CHANGED_EVENT, (args) => {
|
||||||
|
var currSelection = viewer.getSelection();
|
||||||
|
var domElem = document.getElementById('id_printer');
|
||||||
|
domElem.innerText = currSelection[0];
|
||||||
|
});
|
||||||
|
|
||||||
|
viewer.addEventListener(Autodesk.Viewing.GEOMETRY_LOADED_EVENT, function () {
|
||||||
|
var instanceTree = viewer.model.getData().instanceTree;
|
||||||
|
var allDbIdsStr = Object.keys(instanceTree.nodeAccess.dbIdToIndex);
|
||||||
|
var domElem = document.getElementById('all_id');
|
||||||
|
domElem.innerText = allDbIdsStr;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let tree = viewer.model.getData().instanceTree;
|
||||||
|
let nodeId = 749;//10952;
|
||||||
|
let nodeId2 = 750;
|
||||||
|
let nodeId3 = 751;
|
||||||
|
|
||||||
|
tree.enumNodeFragments(nodeId, function (frag) {
|
||||||
|
fragProxy = viewer.impl.getFragmentProxy(viewer.model, frag);
|
||||||
|
fragProxy.getAnimTransform();
|
||||||
|
let fragPosition = new THREE.Vector3(0, 0, 0);// 一樓0 二樓15 三樓 26
|
||||||
|
|
||||||
|
fragProxy.position = fragPosition
|
||||||
|
|
||||||
|
fragProxy.updateAnimTransform()
|
||||||
|
|
||||||
|
});
|
||||||
|
viewer.impl.sceneUpdated(true);
|
||||||
|
|
||||||
|
//------------ add -------------
|
||||||
|
tree.enumNodeFragments(nodeId2, function (frag) {
|
||||||
|
fragProxy = viewer.impl.getFragmentProxy(viewer.model, frag);
|
||||||
|
fragProxy.getAnimTransform();
|
||||||
|
let fragPosition = new THREE.Vector3(0, 0, 0);// 一樓0 二樓15 三樓 26
|
||||||
|
|
||||||
|
fragProxy.position = fragPosition
|
||||||
|
|
||||||
|
fragProxy.updateAnimTransform()
|
||||||
|
|
||||||
|
});
|
||||||
|
viewer.impl.sceneUpdated(true);
|
||||||
|
|
||||||
|
tree.enumNodeFragments(nodeId3, function (frag) {
|
||||||
|
fragProxy = viewer.impl.getFragmentProxy(viewer.model, frag);
|
||||||
|
fragProxy.getAnimTransform();
|
||||||
|
let fragPosition = new THREE.Vector3(0, 0, 0);// 一樓0 二樓15 三樓 26
|
||||||
|
|
||||||
|
fragProxy.position = fragPosition
|
||||||
|
|
||||||
|
fragProxy.updateAnimTransform()
|
||||||
|
|
||||||
|
});
|
||||||
|
viewer.impl.sceneUpdated(true);
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
NOP_VIEWER.getProperties(NOP_VIEWER.getSelection(), data => console.log(data));
|
||||||
|
}
|
||||||
|
|
||||||
|
function setElevatorFloor(floor) {
|
||||||
|
if (floor == 0)
|
||||||
|
targetFloorZ = 0;
|
||||||
|
else if (floor == 1)
|
||||||
|
targetFloorZ = 14.6;// 15;
|
||||||
|
else if (floor == 2)
|
||||||
|
targetFloorZ = 24.6;// 26;
|
||||||
|
else if (floor == 3)
|
||||||
|
targetFloorZ = 34.6;
|
||||||
|
else if (floor == 4)
|
||||||
|
targetFloorZ = 44.6;
|
||||||
|
else if (floor == 5)
|
||||||
|
targetFloorZ = 54.6;
|
||||||
|
else if (floor == 6)
|
||||||
|
targetFloorZ = 64.6;
|
||||||
|
else if (floor == 7)
|
||||||
|
targetFloorZ = 74.6;
|
||||||
|
else if (floor == 8)
|
||||||
|
targetFloorZ = 84.6;
|
||||||
|
else if (floor == 9)
|
||||||
|
targetFloorZ = 94.6;
|
||||||
|
else if (floor == 10)
|
||||||
|
targetFloorZ = 104.6;
|
||||||
|
else if (floor == 11)
|
||||||
|
targetFloorZ = 114.6;
|
||||||
|
else if (floor == 12)
|
||||||
|
targetFloorZ = 124.6;
|
||||||
|
else if (floor == -1)
|
||||||
|
targetFloorZ = -13;
|
||||||
|
}
|
||||||
|
|
||||||
|
function setElevatorSpeed(speed) { //0.01 ~ 1
|
||||||
|
elevatorSpeed = speed;
|
||||||
|
}
|
||||||
|
|
||||||
|
function movElevator() {
|
||||||
|
|
||||||
|
|
||||||
|
let tree = viewer.model.getData().instanceTree;
|
||||||
|
let nodeId = 749; //10952;
|
||||||
|
let nodeId2 = 750;
|
||||||
|
let nodeId3 = 751;
|
||||||
|
let fragProxyZ = 0;
|
||||||
|
var movStatus = 0; // 0=no 1=up 2=down
|
||||||
|
|
||||||
|
|
||||||
|
if (fragProxy.position.z > targetFloorZ) {
|
||||||
|
movStatus = 2
|
||||||
|
}
|
||||||
|
else if (fragProxy.position.z < targetFloorZ) {
|
||||||
|
movStatus = 1
|
||||||
|
}
|
||||||
|
|
||||||
|
if (movStatus == 0) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
tree.enumNodeFragments(nodeId, function (frag) {
|
||||||
|
fragProxy = viewer.impl.getFragmentProxy(viewer.model, frag);
|
||||||
|
fragProxy.getAnimTransform();
|
||||||
|
//let fragPosition = new THREE.Vector3(0, 0, 15);// 一樓0 二樓15 三樓 26
|
||||||
|
if (movStatus == 2) {
|
||||||
|
fragProxy.position.z -= elevatorSpeed;
|
||||||
|
}
|
||||||
|
else if (movStatus == 1) {
|
||||||
|
fragProxy.position.z += elevatorSpeed;
|
||||||
|
}
|
||||||
|
|
||||||
|
fragProxyZ = fragProxy.position.z;
|
||||||
|
fragProxy.updateAnimTransform()
|
||||||
|
|
||||||
|
});
|
||||||
|
viewer.impl.sceneUpdated(true);
|
||||||
|
|
||||||
|
tree.enumNodeFragments(nodeId2, function (frag) {
|
||||||
|
fragProxy = viewer.impl.getFragmentProxy(viewer.model, frag);
|
||||||
|
fragProxy.getAnimTransform();
|
||||||
|
//let fragPosition = new THREE.Vector3(0, 0, 15);// 一樓0 二樓15 三樓 26
|
||||||
|
if (movStatus == 2) {
|
||||||
|
fragProxy.position.z -= elevatorSpeed;
|
||||||
|
}
|
||||||
|
else if (movStatus == 1) {
|
||||||
|
fragProxy.position.z += elevatorSpeed;
|
||||||
|
}
|
||||||
|
|
||||||
|
fragProxyZ = fragProxy.position.z;
|
||||||
|
fragProxy.updateAnimTransform()
|
||||||
|
|
||||||
|
});
|
||||||
|
viewer.impl.sceneUpdated(true);
|
||||||
|
|
||||||
|
tree.enumNodeFragments(nodeId3, function (frag) {
|
||||||
|
fragProxy = viewer.impl.getFragmentProxy(viewer.model, frag);
|
||||||
|
fragProxy.getAnimTransform();
|
||||||
|
//let fragPosition = new THREE.Vector3(0, 0, 15);// 一樓0 二樓15 三樓 26
|
||||||
|
if (movStatus == 2) {
|
||||||
|
fragProxy.position.z -= elevatorSpeed;
|
||||||
|
}
|
||||||
|
else if (movStatus == 1) {
|
||||||
|
fragProxy.position.z += elevatorSpeed;
|
||||||
|
}
|
||||||
|
|
||||||
|
fragProxyZ = fragProxy.position.z;
|
||||||
|
fragProxy.updateAnimTransform()
|
||||||
|
|
||||||
|
});
|
||||||
|
viewer.impl.sceneUpdated(true);
|
||||||
|
|
||||||
|
if (movStatus == 2) {
|
||||||
|
if (fragProxyZ >= targetFloorZ) {
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if (movStatus == 1) {
|
||||||
|
if (fragProxyZ <= targetFloorZ) {
|
||||||
|
requestAnimationFrame(movElevator);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//let fragPosition = new THREE.Vector3(position);// 一樓0 二樓15 三樓 26
|
||||||
|
|
||||||
|
//fragProxy.position = fragPosition;
|
||||||
|
|
||||||
|
//fragProxy.updateAnimTransform();
|
||||||
|
|
||||||
|
//viewer.impl.sceneUpdated(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
//function movElevator() {
|
||||||
|
|
||||||
|
|
||||||
|
// let tree = viewer.model.getData().instanceTree;
|
||||||
|
// let nodeId = 750;// 10952;
|
||||||
|
// let fragProxyZ = 0;
|
||||||
|
// var movStatus = 0; // 0=no 1=up 2=down
|
||||||
|
|
||||||
|
|
||||||
|
// if (fragProxy.position.z > targetFloorZ) {
|
||||||
|
// movStatus = 2
|
||||||
|
// }
|
||||||
|
// else if (fragProxy.position.z < targetFloorZ) {
|
||||||
|
// movStatus = 1
|
||||||
|
// }
|
||||||
|
|
||||||
|
// if (movStatus == 0) {
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// tree.enumNodeFragments(nodeId, function (frag) {
|
||||||
|
// fragProxy = viewer.impl.getFragmentProxy(viewer.model, frag);
|
||||||
|
// fragProxy.getAnimTransform();
|
||||||
|
// //let fragPosition = new THREE.Vector3(0, 0, 15);// 一樓0 二樓15 三樓 26
|
||||||
|
// if (movStatus == 2) {
|
||||||
|
// fragProxy.position.z -= elevatorSpeed;
|
||||||
|
// }
|
||||||
|
// else if (movStatus == 1) {
|
||||||
|
// fragProxy.position.z += elevatorSpeed;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// fragProxyZ = fragProxy.position.z;
|
||||||
|
// fragProxy.updateAnimTransform()
|
||||||
|
|
||||||
|
// });
|
||||||
|
// viewer.impl.sceneUpdated(true);
|
||||||
|
|
||||||
|
// if (movStatus == 2) {
|
||||||
|
// if (fragProxyZ >= targetFloorZ) {
|
||||||
|
// requestAnimationFrame(movElevator);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// else if (movStatus == 1) {
|
||||||
|
// if (fragProxyZ <= targetFloorZ) {
|
||||||
|
// requestAnimationFrame(movElevator);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
// //let fragPosition = new THREE.Vector3(position);// 一樓0 二樓15 三樓 26
|
||||||
|
|
||||||
|
// //fragProxy.position = fragPosition;
|
||||||
|
|
||||||
|
// //fragProxy.updateAnimTransform();
|
||||||
|
|
||||||
|
// //viewer.impl.sceneUpdated(true);
|
||||||
|
//}
|
||||||
|
|
||||||
|
function getAllDbIds(viewer) {
|
||||||
|
var instanceTree = viewer.model.getData().instanceTree;
|
||||||
|
|
||||||
|
var allDbIdsStr = Object.keys(instanceTree.nodeAccess.dbIdToIndex);
|
||||||
|
|
||||||
|
return allDbIdsStr.map(function (id) { return parseInt(id) });
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Autodesk.Viewing.Document.load() failuire callback.
|
||||||
|
*/
|
||||||
|
function onDocumentLoadFailure(viewerErrorCode) {
|
||||||
|
console.error("onDocumentLoadFailure() - errorCode:" + viewerErrorCode);
|
||||||
|
}
|
||||||
|
|
||||||
|
function getForgeToken(callback) {
|
||||||
|
fetch(baseApiUrl + '/api/forge/oauth/token').then(res => {
|
||||||
|
res.json().then(data => {
|
||||||
|
callback(data.dictionary.access_token, data.dictionary.expires_in);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
//callback("eyJhbGciOiJSUzI1NiIsImtpZCI6IlU3c0dGRldUTzlBekNhSzBqZURRM2dQZXBURVdWN2VhIn0.eyJzY29wZSI6WyJkYXRhOndyaXRlIiwiZGF0YTpyZWFkIiwiYnVja2V0OnJlYWQiLCJidWNrZXQ6dXBkYXRlIiwiYnVja2V0OmNyZWF0ZSJdLCJjbGllbnRfaWQiOiJUQTNocXNGZnpRYk5PVVhLcGxkS1VLU2V3NFNKMjF3NSIsImF1ZCI6Imh0dHBzOi8vYXV0b2Rlc2suY29tL2F1ZC9hand0ZXhwNjAiLCJqdGkiOiJiemxzWE5qWElvZ2R1UjUzTUJkdlhrTTNTT01qeVB1bHJrMmdTVWJudGNTeDg1b01kRG1xejg3Z05jenJkRzhpIiwiZXhwIjoxNjY4MTgzMDM2fQ.VU3qLwTJ9nlXnomKCdk4y5UcgszGEO_zlvE7w5mWWajeBMwKLo-zw7LJEqUEajRksvssppR9SbVsjLSx-vDVc3DRhCo3jYTWKPT1T3wQrlkOSqLeIrAdnKdBDNBWKgrGJt_xcmXc3dZ3XNKf9L_F6Ex808rUlo6cem1mcPpKl1jCBDqKu1mAX7aDtZ65TTQZbGGhbG4HdnET-d1i5w4LunGN11UAHhDUW3n0SWWIBL27PiiUQONZttajhD5st6IngYLcjr93BYVyJmDF7-wm4WZlHSw2OnXIfbJcFXEd83uVv_Rej4UXjzZ0e6kHwzc2nvGvKSIFu3Nt7CabdR8CkA", 3599);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadHeatmaps(model) {
|
||||||
|
|
||||||
|
const dataVizExtn = await viewer.loadExtension("Autodesk.DataVisualization");
|
||||||
|
|
||||||
|
// Given a model loaded from Forge
|
||||||
|
const structureInfo = new Autodesk.DataVisualization.Core.ModelStructureInfo(model);
|
||||||
|
|
||||||
|
const devices = [
|
||||||
|
{
|
||||||
|
id: "Oficina 6",
|
||||||
|
name: "Oficina-",
|
||||||
|
position: { x: 22.475382737884104, y: 7.4884431474006163, z: 3.0 },
|
||||||
|
sensorTypes: ["temperature", "humidity"]
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
var offset = Autodesk.viewer.model.getGlobalOffset();
|
||||||
|
removeOffset(devices[0], offset)
|
||||||
|
|
||||||
|
// Generates `SurfaceShadingData` after assigning each device to a room.
|
||||||
|
|
||||||
|
const shadingData = await Autodesk.structureInfo.generateSurfaceShadingData(devices);
|
||||||
|
|
||||||
|
// Use the resulting shading data to generate heatmap from.
|
||||||
|
await dataVizExtn.setupSurfaceShading(model, shadingData);
|
||||||
|
|
||||||
|
// Register color stops for the heatmap. Along with the normalized sensor value
|
||||||
|
// in the range of [0.0, 1.0], `renderSurfaceShading` will interpolate the final
|
||||||
|
// heatmap color based on these specified colors.
|
||||||
|
const sensorColors = [0x0000ff, 0x00ff00, 0xffff00, 0xff0000];
|
||||||
|
|
||||||
|
// Set heatmap colors for temperature
|
||||||
|
const sensorType = "temperature";
|
||||||
|
dataVizExtn.registerSurfaceShadingColors(sensorType, sensorColors);
|
||||||
|
|
||||||
|
// Function that provides sensor value in the range of [0.0, 1.0]
|
||||||
|
|
||||||
|
function getSensorValue(surfaceShadingPoint, sensorType) {
|
||||||
|
// The `SurfaceShadingPoint.id` property matches one of the identifiers passed
|
||||||
|
// to `generateSurfaceShadingData` function. In our case above, this will either
|
||||||
|
// be "cafeteria-entrace-01" or "cafeteria-exit-01".
|
||||||
|
const deviceId = surfaceShadingPoint.id;
|
||||||
|
|
||||||
|
// Read the sensor data, along with its possible value range
|
||||||
|
let sensorValue = readSensorValue(deviceId, sensorType);
|
||||||
|
const maxSensorValue = getMaxSensorValue(sensorType);
|
||||||
|
const minSensorValue = getMinSensorValue(sensorType);
|
||||||
|
|
||||||
|
// Normalize sensor value to [0, 1.0]
|
||||||
|
sensorValue = (sensorValue - minSensorValue) / (maxSensorValue - minSensorValue);
|
||||||
|
return clamp(sensorValue, 0.0, 1.0);
|
||||||
|
}
|
||||||
|
|
||||||
|
// This value can also be a room instead of a floor
|
||||||
|
const floorName = "01 - Entry Level";
|
||||||
|
dataVizExtn.renderSurfaceShading(floorName, sensorType, getSensorValue);
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user