blair-robot-project · EdzmLeGoat · Jan 7, 2025 · Jan 7, 2025 · Jan 7, 2025 · Jan 8, 2025
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "java.configuration.updateBuildConfiguration": "interactive"
+}
diff --git a/src/main/deploy/autoscore/README.md b/src/main/deploy/autoscore/README.md
@@ -0,0 +1 @@
+# autoscore things
diff --git a/src/main/deploy/autoscore/archivedProcessorImages/processor1.png b/src/main/deploy/autoscore/archivedProcessorImages/processor1.png
diff --git a/src/main/deploy/autoscore/archivedProcessorImages/processor2.png b/src/main/deploy/autoscore/archivedProcessorImages/processor2.png
diff --git a/src/main/deploy/autoscore/archivedProcessorImages/processor3.png b/src/main/deploy/autoscore/archivedProcessorImages/processor3.png
diff --git a/src/main/deploy/autoscore/archivedProcessorImages/processor4.png b/src/main/deploy/autoscore/archivedProcessorImages/processor4.png
diff --git a/src/main/deploy/autoscore/archivedProcessorImages/processor5.png b/src/main/deploy/autoscore/archivedProcessorImages/processor5.png
diff --git a/src/main/deploy/autoscore/archivedProcessorImages/processor6.png b/src/main/deploy/autoscore/archivedProcessorImages/processor6.png
diff --git a/src/main/deploy/autoscore/coralIntake.js b/src/main/deploy/autoscore/coralIntake.js
@@ -0,0 +1,16 @@
+let coralIntakeClickable = true;
+
+const coralIntakeTop = document.getElementById("coralIntakeTop");
+const coralIntakeBottom = document.getElementById("coralIntakeBottom");
+
+[coralIntakeTop, coralIntakeBottom].map(button => {
+    button.onclick = async () => {
+        if(coralIntakeClickable) {
+            coralIntakeClickable = false;
+            button.innerText = "Intaking...";
+            await intakeCoral(button.id == "coralIntakeTop");
+            button.innerText = `Intaking Coral ${button.id == "coralIntakeTop" ? " Top" : " Bottom"}`;
+            coralIntakeClickable = true;
+        }
+    }
+})
diff --git a/src/main/deploy/autoscore/coralLevel.js b/src/main/deploy/autoscore/coralLevel.js
@@ -0,0 +1,77 @@
+const levelOne = document.getElementById("L1");
+const levelTwo = document.getElementById("L2");
+const levelThree = document.getElementById("L3");
+const levelFour = document.getElementById("L4");
+
+const levelList = [levelOne, levelTwo, levelThree, levelFour];
+
+const coralText = document.getElementById("coralText");
+const coralImage = document.getElementById("coral");
+coralLevel = -1;
+let prevCoralLevel = -1;
+
+const setCoralImg = (level) => {
+    coralImage.src = `coralLevelImages/coral${level}.png`;
+}
+
+["mousemove", "touchmove"].forEach(_ => coralImage.addEventListener(_, (event) => {
+    //this is radius not actual width
+    const coralImgPos = coralImage.getBoundingClientRect();
+    const coralHeight = (coralImgPos.bottom-coralImgPos.top) / 2;
+    const coralY = coralImgPos.top + coralHeight;
+    let mouseY = event.clientY;
+    let ydiff = coralY - mouseY;
+    if(_ == "touchmove") {
+        mouseY = event.changedTouches[0].clientY;
+        ydiff = coralY - mouseY;
+    }
+    if(!coralSelected) {
+        if(ydiff > coralHeight * 0.4) {
+            setCoralImg("L4");
+            prevCoralLevel = 4;
+        } else if (ydiff > coralHeight * 0.1) {
+            setCoralImg("L3");
+            prevCoralLevel = 3;
+        } else if (ydiff > -coralHeight * 0.4) {
+            setCoralImg("L2");
+            prevCoralLevel = 2;
+        } else {
+            setCoralImg("L1");
+            prevCoralLevel = 1;
+        }
+    }   
+}));
+
+
+["mouseleave", "touchend"].forEach(_ => coralImage.addEventListener(_, () => {
+    if(coralSelected) {
+        if(coralLevel == 1) {
+            setCoralImg("L1");
+        } else if (coralLevel == 2) {
+            setCoralImg("L2");
+        } else if (coralLevel == 3) {
+            setCoralImg("L3");
+        } else if (coralLevel == 4) {
+            setCoralImg("L4");
+        }
+    } else {
+        setCoralImg("None");
+    }
+}));
+
+coralImage.onclick = () => {
+    coralSelected = !coralSelected;
+    if(coralSelected) {
+        coralLevel = prevCoralLevel;
+        coralImage.src = `coralLevelImages/coralL${coralLevel}.png`;
+        coralText.innerText = `Coral Level: ${coralLevel}`;
+        if(areaSelected) {
+            confirmReefButton.innerText = `Score at Level ${coralLevel} and Area ${numberToLetter[11-(reefArea+4)%12]}`;
+        }
+    } else {
+        setCoralImg("None");
+        coralLevel = -1;
+        coralText.innerText = "Coral Level: None";  
+    }
+
+}
diff --git a/src/main/deploy/autoscore/coralLevelImages/coralL1.png b/src/main/deploy/autoscore/coralLevelImages/coralL1.png
diff --git a/src/main/deploy/autoscore/coralLevelImages/coralL2.png b/src/main/deploy/autoscore/coralLevelImages/coralL2.png
diff --git a/src/main/deploy/autoscore/coralLevelImages/coralL3.png b/src/main/deploy/autoscore/coralLevelImages/coralL3.png
diff --git a/src/main/deploy/autoscore/coralLevelImages/coralL4.png b/src/main/deploy/autoscore/coralLevelImages/coralL4.png
diff --git a/src/main/deploy/autoscore/coralLevelImages/coralNone.png b/src/main/deploy/autoscore/coralLevelImages/coralNone.png
diff --git a/src/main/deploy/autoscore/index.html b/src/main/deploy/autoscore/index.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Robotics Stuff</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap" rel="stylesheet">
+</head>
+
+<body>
+    <div class="scoringContainer" style="display: none;">
+        <div class="reefContainer" style="display: none;">
+            <!-- <div class="levelContainer">
+                <div class="Level" id="L4">
+                    Level 4 Score
+                </div>
+                <div class="Level" id="L3">
+                    Level 3 Score
+                </div>
+                <div class="Level" id="L2">
+                    Level 2 Score
+                </div>
+                <div class="Level" id="L1">
+                    Level 1 Score
+                </div>
+            </div> -->
+            <div class="coralLevelImage">
+                <img src="coralLevelImages/coralNone.png" alt="" id="coral">
+            </div>
+            <div class="locationContainer">
+                <div class="locationImageContainer">
+                    <img src="locationSelectorImages/locationSelectorNone.png" alt="" id="locationSelect">
+                </div>
+                <h1 id="areaSelectionText" width="100%">Click the area you want to go to.</h1>
+            </div>
+            <div class="confirmChoice">
+                <h1 class="reefText" id="coralText">Coral Level: None</h1>
+                <h1 class="reefText" id="areaText">Reef Area: None</h1>
+                <div class="Button" id="confirmReefButton">
+                    Choose Robot Alignment
+                </div>
+            </div>
+        </div>
+        <div class="processorContainer" style="display: none;">
+            <div class="buttonContainer">
+                <div class="Button" id="processorScore">
+                    Score Processor
+                </div>
+            </div>
+        </div>
+        <div class="netContainer" style="display: none;">
+            <div class="buttonContainer">
+                <div class="Button" id="netScoreRed">
+                    Score Net on Red Side
+                </div>
+                <div class="Button" id="netScoreBlue">
+                    Score Net on Blue Side
+                </div>
+            </div>
+        </div>
+        <div class="coralIntakeContainer" style="display: none;">
+            <div class="buttonContainer">
+                <div class="Button" id="coralIntakeTop">
+                    Intake Coral Top
+                </div>
+                <div class="Button" id="coralIntakeBottom">
+                    Intake Coral Bottom
+                </div>
+            </div>
+        </div>
+        <div class="manualContainer" style="display: none;">
+            <div> 
+                <h1 id="manualText">
+                    Scoring on Area _ and Level _ 
+                </h1>
+            </div>
+            <div>
+                <div class="Button" id="cancel">
+                    Cancel Command
+                </div>
+            </div>
+            <div>
+                <div class="Button" id="score">
+                    Score!
+                </div>
+            </div>
+            <div class="pivotContainer">
+                <div class="Button" id="pivotForward">
+                    Move Pivot Forward
+                </div>
+                <div class="Button" id="pivotBack">
+                    Move Pivot Backwards
+                </div>
+            </div>
+            <div class="elevatorContainer">
+                <div class="Button" id="elevatorUp">
+                    Move Elevator Up
+                </div>
+                <div class="Button" id="elevatorDown">
+                    Move Elevator Down
+                </div>
+            </div>
+            <div class="wristContainer">
+                <div class="Button" id="wristForward">
+                    Move Wrist Forward
+                </div>
+                <div class="Button" id="wristBack">
+                    Move Wrist Backwards
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="messageContainer" style="display: none;">
+        <h1 id="messageDisplay">NO ROBOT CONNECTION</h1>
+    </div>
+    <script src="ntsetup.js"></script>
+    <script src="robotCommunication.js"></script>
+    <script src="processor.js"></script>
+    <script src="net.js"></script>
+    <script src="reefPlacement.js"></script>
+    <script src="coralLevel.js"></script>
+    <script src="coralIntake.js"></script>
+
+</body>
+</html>
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelector1.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelector1.png
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelector10.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelector10.png
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelector11.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelector11.png
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelector12.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelector12.png
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelector2.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelector2.png
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelector3.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelector3.png
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelector4.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelector4.png
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelector5.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelector5.png
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelector6.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelector6.png
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelector7.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelector7.png
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelector8.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelector8.png
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelector9.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelector9.png
diff --git a/src/main/deploy/autoscore/locationSelectorImages/locationSelectorNone.png b/src/main/deploy/autoscore/locationSelectorImages/locationSelectorNone.png
diff --git a/src/main/deploy/autoscore/net.js b/src/main/deploy/autoscore/net.js
@@ -0,0 +1,15 @@
+const netButtonRed = document.getElementById("netScoreRed");
+const netButtonBlue = document.getElementById("netScoreBlue");
+
+let netClickable = true;
+[netButtonRed, netButtonBlue].map(button => {
+    button.onclick = async () => {
+        if(netClickable) {
+            netClickable = false;
+            button.innerText = "Scoring...";
+            await scoreNet(button.id == "netScoreRed");
+            button.innerText = `Score Net ${button.id == "netScoreRed" ? " on Red Side" : " on Blue Side"}`;
+            netClickable = true;
+        }
+    }
+})