Function drawDiskKeyShape

KeyDecoding.js:416–468

(x, y, width, height, color, diskCount, disks, keyType)

}

function drawDiskKeyShape(x, y, width, height, color, diskCount, disks, keyType) {
    var keyConfig = keys[keyType] || {};
    var pinSpacing = keyConfig.pinSpacing || 32;
    var bladeHeight = keyConfig.bladeHeight || 45;
    var bladeY = y + (height - bladeHeight) / 2;
    var bladeBottom = bladeY + bladeHeight;

    var diskCutDepths = [0, 2, 4, 8, 14, 21];

    var entryX = x;
    var entryY = bladeY;
    var keyStartOffset = 20;
    var keyStartX = entryX + keyStartOffset;

    var currX = keyStartX;
    var prevCutDepth = diskCutDepths[disks[0]] || 0;

    // Connect left side: vertical from bottom to first cut
    display.drawLine(currX, bladeBottom, currX, bladeBottom - prevCutDepth, color);

    // Draw the first horizontal segment
    display.drawLine(currX, bladeBottom - prevCutDepth, currX + pinSpacing, bladeBottom - prevCutDepth, color);

    for (var i = 1; i < diskCount; i++) {
        var cutIdx = disks[i] || 0;
        var cutDepth = diskCutDepths[cutIdx] || 0;
        var nextX = currX + pinSpacing;

        // Draw vertical line connecting previous cut to current cut
        display.drawLine(nextX, bladeBottom - prevCutDepth, nextX, bladeBottom - cutDepth, color);

        // Draw horizontal line for current cut
        display.drawLine(nextX, bladeBottom - cutDepth, nextX + pinSpacing, bladeBottom - cutDepth, color);

        currX = nextX;
        prevCutDepth = cutDepth;
    }

    // Draw end vertical (right side)
    display.drawLine(currX + pinSpacing + 2, bladeBottom - prevCutDepth, currX + pinSpacing + 2, bladeY, color);

    // Draw bottom edge (from entry to start of key)
    display.drawLine(entryX, bladeBottom, entryX + keyStartOffset, bladeBottom, color);

    // Draw top edge (from entry to start of key)
    display.drawLine(entryX, entryY, currX + pinSpacing, bladeY, color);

    // Diagonal from top-left to key start (top edge)
    display.drawLine(30, bladeY - 10, entryX, bladeY, color);

    // Diagonal from bottom-left to key start (bottom edge)
    display.drawLine(30, bladeBottom + 10, entryX, bladeBottom, color);
}

function drawDisksWithUnderline(disks, selectedDiskIndex, showMode, pinSpacing, keyType) {
    var startY = 55;