mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
tweak
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -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-BgiS2GCH.js"></script>
|
<script type="module" crossorigin src="/assets/index-BW4DMaO5.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-COtFQYoW.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-COtFQYoW.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -9,9 +9,9 @@ const ROVER_Y = 86;
|
|||||||
|
|
||||||
function lobePath(side = 'left') {
|
function lobePath(side = 'left') {
|
||||||
if (side === 'left') {
|
if (side === 'left') {
|
||||||
return `M ${CX} ${DOCK_Y} C ${CX - 16} ${DOCK_Y + 12} ${CX - 18} ${ROVER_Y - 20} ${CX - 4} ${ROVER_Y - 6} L ${CX} ${ROVER_Y - 10} Z`;
|
return `M ${CX} ${DOCK_Y} C ${CX - 14} ${DOCK_Y + 10} ${CX - 16} ${ROVER_Y - 18} ${CX - 4} ${ROVER_Y - 4} L ${CX} ${ROVER_Y - 6} Z`;
|
||||||
}
|
}
|
||||||
return `M ${CX} ${DOCK_Y} C ${CX + 16} ${DOCK_Y + 12} ${CX + 18} ${ROVER_Y - 20} ${CX + 4} ${ROVER_Y - 6} L ${CX} ${ROVER_Y - 10} Z`;
|
return `M ${CX} ${DOCK_Y} C ${CX + 14} ${DOCK_Y + 10} ${CX + 16} ${ROVER_Y - 18} ${CX + 4} ${ROVER_Y - 4} L ${CX} ${ROVER_Y - 6} Z`;
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function DockAssistHUD({ sensors }) {
|
export default function DockAssistHUD({ sensors }) {
|
||||||
@@ -57,8 +57,8 @@ export default function DockAssistHUD({ sensors }) {
|
|||||||
{/* Force field halo */}
|
{/* Force field halo */}
|
||||||
<circle
|
<circle
|
||||||
cx={CX}
|
cx={CX}
|
||||||
cy={DOCK_Y + 4}
|
cy={DOCK_Y + 2}
|
||||||
r={18}
|
r={17}
|
||||||
fill={state.forceDetected ? 'url(#halo)' : 'rgba(59,130,246,0.1)'}
|
fill={state.forceDetected ? 'url(#halo)' : 'rgba(59,130,246,0.1)'}
|
||||||
stroke={state.forceDetected ? palette.forceOutline : 'none'}
|
stroke={state.forceDetected ? palette.forceOutline : 'none'}
|
||||||
strokeWidth={state.forceDetected ? 1.2 : 0}
|
strokeWidth={state.forceDetected ? 1.2 : 0}
|
||||||
@@ -74,16 +74,16 @@ export default function DockAssistHUD({ sensors }) {
|
|||||||
/>
|
/>
|
||||||
) : null}
|
) : null}
|
||||||
|
|
||||||
{/* Dock icon: simple rounded square with soft bottom curve */}
|
{/* Dock icon: simple rounded square with symmetric top corners */}
|
||||||
<path
|
<path
|
||||||
d={`
|
d={`
|
||||||
M ${CX - 16} ${DOCK_Y - 6}
|
M ${CX - 16} ${DOCK_Y - 8}
|
||||||
Q ${CX - 12} ${DOCK_Y - 10} ${CX - 6} ${DOCK_Y - 10}
|
Q ${CX - 12} ${DOCK_Y - 12} ${CX - 6} ${DOCK_Y - 12}
|
||||||
H ${CX + 6}
|
H ${CX + 6}
|
||||||
Q ${CX + 12} ${DOCK_Y - 10} ${CX + 16} ${DOCK_Y - 6}
|
Q ${CX + 12} ${DOCK_Y - 12} ${CX + 16} ${DOCK_Y - 8}
|
||||||
L ${CX + 16} ${DOCK_Y + 12}
|
L ${CX + 16} ${DOCK_Y + 10}
|
||||||
Q ${CX + 16} ${DOCK_Y + 22} ${CX} ${DOCK_Y + 24}
|
Q ${CX + 16} ${DOCK_Y + 22} ${CX} ${DOCK_Y + 24}
|
||||||
Q ${CX - 16} ${DOCK_Y + 22} ${CX - 16} ${DOCK_Y + 12}
|
Q ${CX - 16} ${DOCK_Y + 22} ${CX - 16} ${DOCK_Y + 10}
|
||||||
Z
|
Z
|
||||||
`}
|
`}
|
||||||
fill="#0b1220"
|
fill="#0b1220"
|
||||||
@@ -93,8 +93,8 @@ export default function DockAssistHUD({ sensors }) {
|
|||||||
{/* Force field emitter dot */}
|
{/* Force field emitter dot */}
|
||||||
<circle cx={CX} cy={DOCK_Y - 1} r="1.8" fill="#60a5fa" />
|
<circle cx={CX} cy={DOCK_Y - 1} r="1.8" fill="#60a5fa" />
|
||||||
{/* Contacts */}
|
{/* Contacts */}
|
||||||
<rect x={CX - 6} y={DOCK_Y + 8} width="3.2" height="8.5" rx="1" fill="#e2e8f0" />
|
<rect x={CX - 8} y={DOCK_Y + 8} width="3.2" height="8.5" rx="1" fill="#e2e8f0" />
|
||||||
<rect x={CX + 2.5} y={DOCK_Y + 8} width="3.2" height="8.5" rx="1" fill="#e2e8f0" />
|
<rect x={CX + 4.5} y={DOCK_Y + 8} width="3.2" height="8.5" rx="1" fill="#e2e8f0" />
|
||||||
|
|
||||||
{/* Rover cue */}
|
{/* Rover cue */}
|
||||||
<g transform={`translate(${CX + nudge}, ${ROVER_Y})`}>
|
<g transform={`translate(${CX + nudge}, ${ROVER_Y})`}>
|
||||||
|
|||||||
Reference in New Issue
Block a user