How it works

  • The swirl pen-traces over the full draw duration using stroke-dashoffset 1 → 0.
  • The swirl duration is split into 8 slots; each block starts in its own slot.
  • Each block uses the same trace-then-fill pattern, but compressed to fit its slot.
  • Spatial order: top-left → top-mid → mid-left → mid-mid → mid-right → bot-left → bot-mid → bot-right.