feat: add spot coordinate radar

2026-09-07 17:04:59 +07:00
parent ebdeaf3659
commit 72057c7b99
6 changed files with 20 additions and 3 deletions
@@ -0,0 +1,14 @@
+---
+const { x, y } = Astro.props as { x: number; y: number };
+---
+<div class="coordinate-radar" role="img" aria-label={`Координатный радар точки X ${x}, Y ${y}`}>
+  <svg viewBox="0 0 180 180" aria-hidden="true">
+    <circle cx="90" cy="90" r="72"/><circle cx="90" cy="90" r="48"/><circle cx="90" cy="90" r="24"/>
+    <path d="M90 10v160M10 90h160M34 34l112 112M146 34 34 146"/>
+    <path class="radar-sweep" d="M90 90 90 18A72 72 0 0 1 157 64Z"/>
+    <circle class="radar-mark" cx="90" cy="90" r="7"/><circle class="radar-pulse" cx="90" cy="90" r="13"/>
+  </svg>
+  <span class="radar-north">N</span>
+  <strong><small>X</small>{x}<i></i><small>Y</small>{y}</strong>
+  <span class="radar-caption">Координаты в игре</span>
+</div>