From 416424dbf1bc6b105b8e2c8176fff8fce5c53979 Mon Sep 17 00:00:00 2001 From: soryu-co Date: Wed, 6 May 2026 14:05:35 +0000 Subject: Animate mission tactical SVG: flowing data along mesh links - Each of 6 mesh arcs now has an id (#arc1..#arc6) with two layered animations: a flowing stroke-dashoffset (so the lines themselves appear to ripple), and a separate breathing opacity cycle. - 8 packet circles ride the arcs via + , with staggered begin times (0s..2.0s) and varied durations (2.6s..4.0s) so traffic feels asynchronous, not metronomic. - Amber arcs carry amber packets, magenta arcs carry magenta packets. - Hub nodes now have layered radial pulses (filled core + expanding ring) on independent timings; cyan relay dots blink gently. - REC indicator pulses 1.4s. All animations are SVG-native (no JS, no external library); browsers respect prefers-reduced-motion via UA defaults on . --- frontend/public/mission-tactical.svg | 163 +++++++++++++++++++++++++++++++---- 1 file changed, 144 insertions(+), 19 deletions(-) (limited to 'frontend/public') diff --git a/frontend/public/mission-tactical.svg b/frontend/public/mission-tactical.svg index cd4095a..342af2a 100644 --- a/frontend/public/mission-tactical.svg +++ b/frontend/public/mission-tactical.svg @@ -55,7 +55,9 @@ SORYU // OBSERVABILITY MESH - REC ● + REC ● + + 35.6764°N · 139.6500°E @@ -103,14 +105,113 @@ - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -123,23 +224,47 @@ - + - + + + + + + + - + + + + + + + - + + + - + - - - - - + + + + + + + + + + + + + + + -- cgit v1.2.3