| |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| |
- 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 <animateMotion> + <mpath>, 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 <animate>.
|
| |
|
|
|
|
|
|
|
|
|
| |
- New /public/mission-tactical.svg (~9KB, license-clean, hand-crafted):
amber wireframe globe + magenta mesh links, GitS:SAC-style HUD chrome
(corner brackets, scanlines, telemetry strip, NODE-001 TYO label,
pulsing origin node), kanji watermark.
- Uses CSS palette vars (amber #e8b87a / magenta #d96a8a / cyan #9ad7e0).
- .mission-image switched to object-fit:contain with a dark fill so the
vector renders fully and never crops; pc98 mission-pan animation is
killed for the SVG path.
|
