BPT

BptImageAnalysis

The BptImageAnalysis component is a single-canvas multi-layer compositor that overlays multiple image analysis algorithms on one shared image. Supports Sobel line detection, Canny edge detection, Marching Squares contour finding, and Zhang-Suen skeletonization as separate color-coded layers. Includes shared transparency, lasso selection, composite pattern snapshots, and blueprint export.

Multi-Layer Image Analysis

Switch between analysis layers using the tabs below. Each tab has its own on/off switch and parameters. All enabled layers overlay on a single shared image with distinct colors. Use the Transparency slider to fade the base image so edge overlays stand out. Lasso selection, pattern save/restore, and blueprint export apply to all layers at once.


#90EE90
Switch between tabs to configure each layer. Toggle the Enabled switch inside each tab to activate it. Multiple enabled layers overlay with distinct colors on the same image. Pattern save/restore and blueprint export apply to all active layers.
Current Configuration
📋 [+]
<BptImageAnalysis Src="/images/photo.jpg"
                  Width="100%"
                  Transparency="30"
                  LineDetectEnabled="true"
                  LineDetectSensitivity="50"
                  LineDetectColor="#90EE90"
                  FullScreen="true"
                  OnPatternSnapshot="HandleSnapshot">
    <!-- Controls rendered inside fullscreen -->
</BptImageAnalysis>

@code {
    private int transparency = 30;

    private void HandleSnapshot(BptImageAnalysis.AnalysisPatternSnapshotData snapshot)
    {
        Console.WriteLine($"Pattern saved: {snapshot.Name}");
    }
}
An unhandled error has occurred. Reload 🗙

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.