ancientstraits · November 8, 2023 18:53
diff --git a/index.html b/index.html
 <script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js"></script>
 <div id="viewer"></div>
 <select id="models"></select>
diff --git a/script.js b/script.js
 import { initViewer, listModels, loadModel } from 'https://aps-codepen.autodesk.io/utils.js';

 const viewer = await initViewer(document.getElementById('viewer'), { extensions: ['Autodesk.DocumentBrowser'] });
 const models = await listModels();
 const dropdown = document.getElementById('models');
 dropdown.innerHTML = models.map(m => `<option value="${m.urn}">${m.name}</option>`).join('');
 dropdown.onchange = () => dropdown.value && loadModel(viewer, dropdown.value);
 dropdown.onchange();
diff --git a/style.css b/style.css
 #viewer {
  position: absolute;
  inset: 0;
 }

 #models {
  position: absolute;
  left: 1em;
  top: 1em;
  z-index: 1;
 }
diff --git a/xwombbe.markdown b/xwombbe.markdown
	<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js"></script>
	<div id="viewer"></div>
	<select id="models"></select>
	import { initViewer, listModels, loadModel } from 'https://aps-codepen.autodesk.io/utils.js';

	const viewer = await initViewer(document.getElementById('viewer'), { extensions: ['Autodesk.DocumentBrowser'] });
	const models = await listModels();
	const dropdown = document.getElementById('models');
	dropdown.innerHTML = models.map(m => `<option value="${m.urn}">${m.name}</option>`).join('');
	dropdown.onchange = () => dropdown.value && loadModel(viewer, dropdown.value);
	dropdown.onchange();