alihan/transformerlab-app
1
0
Fork 0
mirror of https://github.com/transformerlab/transformerlab-app.git synced 2025-04-14 07:48:20 +03:00
Code Issues Packages Projects Releases Wiki Activity

dim non hovered layers when selecting a layer

Browse Source
This commit is contained in:
ali asaria
2025-04-10 15:07:03 -04:00
parent 35cf93c343
commit 7f621fd8e4
1 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/renderer/components/Experiment/Interact/ModelLayerVisualization.tsx
View File

@@ -86,16 +86,37 @@ export default function ModelLayerVisualization({
if (intersects.length > 0) {
// Found a hovered layer
const hoveredMesh = intersects[0].object;
const hoveredMesh = intersects[0].object as THREE.Mesh;
hoveredLayerSavedBeforeNextFrame = hoveredMesh;
setHoveredLayer({
name: hoveredMesh.userData.name,
paramCount: hoveredMesh.userData.paramCount,
type: hoveredMesh.userData.type,
index: hoveredMesh.userData.index,
name: hoveredMesh.userData?.name || '',
paramCount: hoveredMesh.userData?.paramCount || 0,
type: hoveredMesh.userData?.type || '',
index: hoveredMesh.userData?.index || 0,
});
// Reset opacity of other layers
sceneRef.current?.children.forEach((child) => {
if (child instanceof THREE.Mesh && child !== hoveredMesh) {
child.material.opacity = 0.4;
child.material.color.set(child.userData.color);
child.material.needsUpdate = true;
} else if (child instanceof THREE.Mesh && child === hoveredMesh) {
child.material.opacity = 0.9;
child.material.color.set(child.userData.color);
child.material.needsUpdate = true;
}
});
} else {
// No layer being hovered
// Reset opacity of other layers
sceneRef.current?.children.forEach((child) => {
if (child instanceof THREE.Mesh) {
child.material.opacity = 0.9;
child.material.color.set(child.userData.color);
child.material.needsUpdate = true;
}
});
hoveredLayerSavedBeforeNextFrame = null;
setHoveredLayer(null);
}