legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 01:21:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

tweak

Browse Source
This commit is contained in:
legop3
2025-12-27 04:14:33 -05:00
parent fd765ec1da
commit 49d822d468
3 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-CBSCp4dL.js → server/public/assets/index-CFl50oUY.js
+2 -2
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+1 -1
View File
@@ -11,7 +11,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title> <title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-CBSCp4dL.js"></script> <script type="module" crossorigin src="/assets/index-CFl50oUY.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-COtFQYoW.css"> <link rel="stylesheet" crossorigin href="/assets/index-COtFQYoW.css">
</head> </head>
<body> <body>
webui/src/components/DockAssistHUD.jsx
+13 -13
View File
@@ -5,13 +5,13 @@ const SVG_W = 120;
const SVG_H = 110; const SVG_H = 110;
const CX = SVG_W / 2; const CX = SVG_W / 2;
const DOCK_Y = 16; const DOCK_Y = 16;
const ROVER_Y = 86; const ROVER_Y = 80;
function lobePath(side = 'left') { function lobePath(side = 'left') {
if (side === 'left') { if (side === 'left') {
return `M ${CX} ${DOCK_Y} C ${CX - 12} ${DOCK_Y + 8} ${CX - 14} ${ROVER_Y - 16} ${CX - 4} ${ROVER_Y - 2} L ${CX} ${ROVER_Y - 4} Z`; return `M ${CX} ${DOCK_Y} C ${CX - 10} ${DOCK_Y + 8} ${CX - 12} ${ROVER_Y - 18} ${CX - 4} ${ROVER_Y - 6} L ${CX} ${ROVER_Y - 10} Z`;
} }
return `M ${CX} ${DOCK_Y} C ${CX + 12} ${DOCK_Y + 8} ${CX + 14} ${ROVER_Y - 16} ${CX + 4} ${ROVER_Y - 2} L ${CX} ${ROVER_Y - 4} Z`; return `M ${CX} ${DOCK_Y} C ${CX + 10} ${DOCK_Y + 8} ${CX + 12} ${ROVER_Y - 18} ${CX + 4} ${ROVER_Y - 6} L ${CX} ${ROVER_Y - 10} Z`;
} }
export default function DockAssistHUD({ sensors }) { export default function DockAssistHUD({ sensors }) {
@@ -54,16 +54,6 @@ export default function DockAssistHUD({ sensors }) {
</radialGradient> </radialGradient>
</defs> </defs>
{/* Force field halo */}
<circle
cx={CX}
cy={DOCK_Y - 4}
r={18}
fill={state.forceDetected ? 'url(#halo)' : 'rgba(59,130,246,0.12)'}
stroke={state.forceDetected ? palette.forceOutline : 'none'}
strokeWidth={state.forceDetected ? 1.2 : 0}
/>
{/* Lobes */} {/* Lobes */}
<path d={lobePath('left')} fill={leftActive ? 'url(#gradGreen)' : 'rgba(16,185,129,0.12)'} /> <path d={lobePath('left')} fill={leftActive ? 'url(#gradGreen)' : 'rgba(16,185,129,0.12)'} />
<path d={lobePath('right')} fill={rightActive ? 'url(#gradRed)' : 'rgba(239,68,68,0.12)'} /> <path d={lobePath('right')} fill={rightActive ? 'url(#gradRed)' : 'rgba(239,68,68,0.12)'} />
@@ -96,6 +86,16 @@ export default function DockAssistHUD({ sensors }) {
<rect x={CX - 10} y={DOCK_Y + 8} width="3.2" height="8.5" rx="1" fill="#e2e8f0" /> <rect x={CX - 10} y={DOCK_Y + 8} width="3.2" height="8.5" rx="1" fill="#e2e8f0" />
<rect x={CX + 6.5} y={DOCK_Y + 8} width="3.2" height="8.5" rx="1" fill="#e2e8f0" /> <rect x={CX + 6.5} y={DOCK_Y + 8} width="3.2" height="8.5" rx="1" fill="#e2e8f0" />
{/* Force field halo on top */}
<circle
cx={CX}
cy={DOCK_Y - 4}
r={18}
fill={state.forceDetected ? 'url(#halo)' : 'rgba(59,130,246,0.12)'}
stroke={state.forceDetected ? palette.forceOutline : 'none'}
strokeWidth={state.forceDetected ? 1.2 : 0}
/>
{/* Rover cue */} {/* Rover cue */}
<g transform={`translate(${CX + nudge}, ${ROVER_Y})`}> <g transform={`translate(${CX + nudge}, ${ROVER_Y})`}>
<circle r="6" fill={palette.roverBody} stroke="#6b7280" strokeWidth="1" /> <circle r="6" fill={palette.roverBody} stroke="#6b7280" strokeWidth="1" />