Skip to content

Instantly share code, notes, and snippets.

@wallabyway

wallabyway/forge-skeleton

Last active February 1, 2023 16:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wallabyway/bee2541c9f7eedac1288747f4a6aaa14 to your computer and use it in GitHub Desktop.
Save wallabyway/bee2541c9f7eedac1288747f4a6aaa14 to your computer and use it in GitHub Desktop.
Download ZIP
right at the top
Raw
forge-skeleton
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="data:,">
<link rel="stylesheet" href="https://wallabyway.github.io/floor-animation/skeleton.min.css">
<title>SkeletonCSS</title>
</head>
<body onload="init('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6Y29uc29saWRhdGVkL3JtZV9hZHZhbmNlZF9zYW1wbGVfcHJvamVjdC5ydnQ')" style="margin:0; overflow-y: hidden;">
<div class="container">
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item"><img class="navbar-button navbar-img" src="https://wallabyway.github.io/floor-animation/logo.png"/></li>
<li class="navbar-item"><button onClick="alert('dummy1')" class="navbar-button button-primary">Button1</button></li>
<li class="navbar-item"><button onClick="alert('dummy2')" class="navbar-button button-primary">Button2</button></li>
<li class="navbar-itemr mobile"><a class="navbar-button button" href="https://github.com/wallabyway">Github</a></li>
</ul>
</div>
</nav>
</div>
<div id="forgeViewer"></div>
</body>
<link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.css">
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.js"></script>
<script src="https://6jm6lvl74k.execute-api.us-west-2.amazonaws.com/latest/_adsk.js"></script>
<script>
let viewer = null;
function init(urn) {
const options = {
env: 'AutodeskProduction',
accessToken: _access_token,
isAEC: true
};
Autodesk.Viewing.Initializer(options, () => {
const div = document.getElementById('forgeViewer');
const config = { extensions: ["LabelsExtension"] };
viewer = new Autodesk.Viewing.Private.GuiViewer3D(div, config);
viewer.start();
viewer.setTheme("light-theme");
Autodesk.Viewing.Document.load(`urn:${urn}`, (doc) => {
var viewables = doc.getRoot().getDefaultGeometry();
viewer.loadDocumentNode(doc, viewables).then( onLoadFinished );
});
});
function onLoadFinished() {
}
}
</script>
<script>
// save this script as seperate file...
// ------------- ./LabelsExtension.js
class LabelsExtension extends Autodesk.Viewing.Extension {
load() {
alert('LabelsExtension...loaded');
return true;
}
unload() {
return true;
}
}
Autodesk.Viewing.theExtensionManager.registerExtension('LabelsExtension', LabelsExtension);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment