h3n3/yet-another-cad-viewer
1
0
Fork 0
mirror of https://github.com/yeicor-3d/yet-another-cad-viewer.git synced 2025-12-19 22:24:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

add a couple of useful tools

Browse Source
This commit is contained in:
Yeicor
2024-02-18 19:46:47 +01:00
parent 0f46d06463
commit 76a636f400
1 changed files with 16 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/tools/Tools.vue
View File

@@ -51,24 +51,23 @@ function centerCamera() {
} }
let selectionEnabled = ref(false); let selectionEnabled = ref(false);
let prevHighlightedMaterial: Material | null = null; let selectedMaterials: Array<Material> = []
let hasListener = false; let hasListener = false;
let selectionListener = (event: MouseEvent) => { let selectionListener = (event: MouseEvent) => {
if (!selectionEnabled.value) return; if (!selectionEnabled.value) return;
let viewer: ModelViewerElement = props.refSData.viewer; let viewer: ModelViewerElement = props.refSData.viewer;
const material = viewer.materialFromPoint(event.clientX, event.clientY); const material = viewer.materialFromPoint(event.clientX, event.clientY);
if (material !== null && prevHighlightedMaterial?.index === material.index) return if(material === null) return;
if (prevHighlightedMaterial) { const wasSelected = selectedMaterials.find((m) => m === material) !== undefined;
prevHighlightedMaterial.pbrMetallicRoughness.setBaseColorFactor( if (wasSelected) {
(prevHighlightedMaterial as any).__prevBaseColorFactor); selectedMaterials = selectedMaterials.filter((m) => m !== material);
material.pbrMetallicRoughness.setBaseColorFactor(
(material as any).__prevBaseColorFactor);
} else {
selectedMaterials.push(material);
(material as any).__prevBaseColorFactor = [...material.pbrMetallicRoughness.baseColorFactor];
material.pbrMetallicRoughness.setBaseColorFactor([1, 0, 0, 1] as RGBA);
} }
if (!material) {
prevHighlightedMaterial = null;
return;
}
(material as any).__prevBaseColorFactor = [...material.pbrMetallicRoughness.baseColorFactor];
material.pbrMetallicRoughness.setBaseColorFactor([1, 0, 0, 1] as RGBA);
prevHighlightedMaterial = material;
}; };
function toggleSelection() { function toggleSelection() {
@@ -77,14 +76,14 @@ function toggleSelection() {
selectionEnabled.value = !selectionEnabled.value; selectionEnabled.value = !selectionEnabled.value;
if (selectionEnabled.value) { if (selectionEnabled.value) {
if (!hasListener) { if (!hasListener) {
viewer.addEventListener('mousemove', selectionListener); viewer.addEventListener('click', selectionListener);
hasListener = true; hasListener = true;
} }
} else { } else {
if (prevHighlightedMaterial) { for (let material of selectedMaterials) {
prevHighlightedMaterial.pbrMetallicRoughness.setBaseColorFactor( console.log("clearing selection", material);
(prevHighlightedMaterial as any).__prevBaseColorFactor); material.pbrMetallicRoughness.setBaseColorFactor(
prevHighlightedMaterial = null; (material as any).__prevBaseColorFactor);
} }
} }
} }