36 lines
963 B
JavaScript
36 lines
963 B
JavaScript
|
import './FileLoader.js';
|
||
|
|
import './ThreeRendererElement.js';
|
||
|
|
import './ThreeGuiElement.js';
|
||
|
|
|
||
|
|
const loadObject = (count) => {
|
||
|
|
}
|
||
|
|
|
||
|
|
window.addEventListener("DOMContentLoaded", function() {
|
||
|
|
var uploader = document.querySelector('file-loader');
|
||
|
|
var renderer = document.querySelector('three-renderer');
|
||
|
|
var gui = document.querySelector('three-gui');
|
||
|
|
|
||
|
|
uploader.addEventListener('upload_complete', function(evt) {
|
||
|
|
console.log(evt, evt.detail);
|
||
|
|
renderer.setAttribute('src', `/stl/${evt.detail.filename.split('.')[0]}.stl`);
|
||
|
|
gui.setElements(evt.detail.data);
|
||
|
|
});
|
||
|
|
|
||
|
|
gui.addEventListener('value-change', function(evt) {
|
||
|
|
if(evt.detail) {
|
||
|
|
var src = renderer.src;
|
||
|
|
try {
|
||
|
|
var url = new URL(src);
|
||
|
|
} catch(e) {
|
||
|
|
var url = new URL(window.location)
|
||
|
|
url.pathname = src;
|
||
|
|
}
|
||
|
|
|
||
|
|
url.searchParams.set(evt.detail.property, evt.detail.value);
|
||
|
|
|
||
|
|
console.log(url)
|
||
|
|
renderer.src = url.href;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|