[3.10-HS] Enable Hover-Based Highlighting of Individual Segments with Adjustable Border Thickness

[sedghi]

TLDR: Bringing this tool to OHIF: https://www.cornerstonejs.org/live-examples/segmentselect

Purpose
This update introduces hover-based highlighting for individual segments, making it easier for users to identify and interact with specific lesions. When a user hovers over a segment, its border thickness will temporarily increase, providing a visual cue that emphasizes the selected area. This enhancement is powered by updates to the WebGL shader to support dynamic border adjustments.

Why This Matters
In complex segmentation maps with multiple overlapping regions, quickly identifying specific segments can be challenging. By adding hover-based highlighting, this feature improves the usability of the segmentation interface, allowing users to easily locate and select individual lesions. This is particularly beneficial in clinical and research settings where precise interaction with segmentation data is essential for analysis and annotation.

Key Changes

• Hover-Based Highlighting: Increases border thickness of segments on hover, visually distinguishing the hovered segment from others.
• Customizable Border Thickness: Allows applications to configure the thickness of the highlighted border, tailoring the effect to different visualization needs.
• Enhanced WebGL Shader: Updates the WebGL shader to enable dynamic, per-segment border control for responsive interaction.

Impact on Users and Developers

• For Users: This feature provides a more intuitive way to interact with segmentation maps, making it easier to identify and work with individual segments in crowded or complex images.
• For Developers: The updated WebGL shader with adjustable border thickness offers a flexible solution for hover effects, which can be customized and integrated into other interaction models as needed.