[auto] make red line thicker with glow, keep overlay text above it

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
main
name 2026-04-11 17:45:40 -07:00
parent 84aa5bbeee
commit 85d5125d1e
2 changed files with 9 additions and 4 deletions

View File

@ -77,7 +77,10 @@
.debug-status {
position: fixed;
inset: 0;
top: 0;
left: 0;
right: 0;
bottom: 20%;
z-index: 100;
display: flex;
align-items: center;

View File

@ -148,13 +148,15 @@ export function usePoseLoop(
const bottom = canvas.height * (1 - pct)
const margin = canvas.width * 0.05
ctx.strokeStyle = '#ff2222'
ctx.lineWidth = 3
ctx.setLineDash([10, 6])
ctx.lineWidth = 8
ctx.shadowColor = '#ff0000'
ctx.shadowBlur = 20
ctx.beginPath()
ctx.moveTo(margin, bottom)
ctx.lineTo(canvas.width - margin, bottom)
ctx.stroke()
ctx.setLineDash([])
ctx.shadowColor = 'transparent'
ctx.shadowBlur = 0
}
// Draw pose landmarks