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

better selection persistence

Browse Source
This commit is contained in:
Yeicor
2024-02-18 19:51:46 +01:00
parent 76a636f400
commit 9d429de804
1 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/tools/Tools.vue
View File

@@ -53,23 +53,32 @@ function centerCamera() {
let selectionEnabled = ref(false);
let selectedMaterials: Array<Material> = []
let hasListener = false;
let selectionListener = (event: MouseEvent) => {
if (!selectionEnabled.value) return;
let viewer: ModelViewerElement = props.refSData.viewer;
const material = viewer.materialFromPoint(event.clientX, event.clientY);
if(material === null) return;
if (material === null) return;
const wasSelected = selectedMaterials.find((m) => m === material) !== undefined;
if (wasSelected) {
selectedMaterials = selectedMaterials.filter((m) => m !== material);
material.pbrMetallicRoughness.setBaseColorFactor(
(material as any).__prevBaseColorFactor);
deselect(material)
} else {
selectedMaterials.push(material);
(material as any).__prevBaseColorFactor = [...material.pbrMetallicRoughness.baseColorFactor];
material.pbrMetallicRoughness.setBaseColorFactor([1, 0, 0, 1] as RGBA);
select(material)
}
};
function select(material: Material) {
if(selectedMaterials.find((m) => m === material) === undefined) selectedMaterials.push(material);
(material as any).__prevBaseColorFactor = [...material.pbrMetallicRoughness.baseColorFactor];
material.pbrMetallicRoughness.setBaseColorFactor([1, 0, 0, 1] as RGBA);
}
function deselect(material: Material, alsoRemove = true) {
if (alsoRemove) selectedMaterials = selectedMaterials.filter((m) => m !== material);
material.pbrMetallicRoughness.setBaseColorFactor(
(material as any).__prevBaseColorFactor);
}
function toggleSelection() {
let viewer: ModelViewerElement = props.refSData.viewer;
if (!viewer) return;
@@ -79,11 +88,12 @@ function toggleSelection() {
viewer.addEventListener('click', selectionListener);
hasListener = true;
}
for (let material of selectedMaterials) {
select(material);
}
} else {
for (let material of selectedMaterials) {
console.log("clearing selection", material);
material.pbrMetallicRoughness.setBaseColorFactor(
(material as any).__prevBaseColorFactor);
deselect(material, false);
}
}
}