From da62367a7ba6ae3ff42d0e2eea39de61e0e32cee Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 7 Nov 2025 21:22:34 +0000
Subject: [PATCH 1/2] Initial plan


From 93d5cdb4343610a4e5c7d6e776965fc8fd30cd2a Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 7 Nov 2025 21:25:14 +0000
Subject: [PATCH 2/2] Add minimum angle calculations and display

Co-authored-by: BarbourSmith <9359447+BarbourSmith@users.noreply.github.com>
---
 index.html | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)

diff --git a/index.html b/index.html
index d173dfb..feabbcb 100644
--- a/index.html
+++ b/index.html
@@ -92,6 +92,14 @@
         <input type="text" id="workAreaWidthInput" value="2438" oninput="updateWorkAreaDimensions()">
         <label for="workAreaHeightInput">Work Area Height:</label>
         <input type="text" id="workAreaHeightInput" value="1219" oninput="updateWorkAreaDimensions()">
+        
+        <div style="margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc;">
+            <h3 style="margin-top: 0;">Minimum Angles</h3>
+            <p><strong>Vertical Minimum Angle:</strong> <span id="verticalMinAngle">-</span>°</p>
+            <p><strong>Horizontal Minimum Angle:</strong> <span id="horizontalMinAngle">-</span>°</p>
+            <p><strong>Sin(Vertical):</strong> <span id="sinVertical">-</span></p>
+            <p><strong>Sin(Horizontal):</strong> <span id="sinHorizontal">-</span></p>
+        </div>
     </div>
     <script>
         var canvas = document.getElementById('myCanvas');
@@ -142,6 +150,7 @@
                 trX = w;
                 trY = h;
                 brX = w;
+                updateMinimumAngles();
                 draw();
             }
         }
@@ -154,6 +163,7 @@
                 console.log("Width and height are defined");
                 woodHeight = parseInt(height);
                 woodWidth = parseInt(width);
+                updateMinimumAngles();
                 draw();
             }
         }
@@ -183,6 +193,47 @@
             draw();
         }
 
+        function updateMinimumAngles() {
+            // Get current dimensions
+            // Width and Height are the anchor spacing (trX and tlY)
+            const width = trX;
+            const height = tlY;
+            
+            // Work Area dimensions
+            const workAreaWidth = woodWidth;
+            const workAreaHeight = woodHeight;
+            
+            // Calculate gaps
+            const horizontalGap = (width - workAreaWidth) / 2;
+            const verticalGap = (height - workAreaHeight) / 2;
+            
+            // Calculate Vertical Minimum Angle
+            // Adjacent = Horizontal Gap + Work Area Width
+            // Opposite = Vertical Gap
+            const verticalAdjacent = horizontalGap + workAreaWidth;
+            const verticalOpposite = verticalGap;
+            const verticalMinAngleRad = Math.atan(verticalOpposite / verticalAdjacent);
+            const verticalMinAngleDeg = verticalMinAngleRad * (180 / Math.PI);
+            
+            // Calculate Horizontal Minimum Angle
+            // Adjacent = Vertical Gap + Work Area Height
+            // Opposite = Horizontal Gap
+            const horizontalAdjacent = verticalGap + workAreaHeight;
+            const horizontalOpposite = horizontalGap;
+            const horizontalMinAngleRad = Math.atan(horizontalOpposite / horizontalAdjacent);
+            const horizontalMinAngleDeg = horizontalMinAngleRad * (180 / Math.PI);
+            
+            // Calculate sine values
+            const sinVertical = Math.sin(verticalMinAngleRad);
+            const sinHorizontal = Math.sin(horizontalMinAngleRad);
+            
+            // Update display
+            document.getElementById('verticalMinAngle').textContent = verticalMinAngleDeg.toFixed(2);
+            document.getElementById('horizontalMinAngle').textContent = horizontalMinAngleDeg.toFixed(2);
+            document.getElementById('sinVertical').textContent = sinVertical.toFixed(4);
+            document.getElementById('sinHorizontal').textContent = sinHorizontal.toFixed(4);
+        }
+
         //Shifts 0,0 to be the center of the canvas and scales the points for zooming
         function projection(point) {
             return { x: point.x * scale + canvas.width / 2 + panX, y: -point.y * scale + canvas.height / 2 + panY };
@@ -490,6 +541,7 @@
             draw();
         });
 
+        updateMinimumAngles();
         draw();
     </script>
 </body>