AgentBinary
components/agent/Binary.vue
Animated binary block — the pawn's "working" decoration rebuilt from two glyph paths (0 and 1). Digits swap within rows and purple highlight runs re-roll on independent, tweakable clocks.
Scenarios
static (matches binarya.svg)
6 × 14 grid
components/agent/Binary.vue
Usage
<AgentBinary
:rows = "4"
:cols = "7"
:flipMs = "800"
:flipCount = "1"
:highlightMs = "1600"
:highlightRuns = "3"
:animate = "true"
baseColor = "#4d5c5a"
highlightColor = "#ab86f6"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| rows | Number | 4 | Digit rows. The default 4×7 reproduces binarya.svg exactly. |
| cols | Number | 7 | Digits per row. |
| flipMs | Number | 800 | Interval between digit changes. Each tick swaps a 0 and a 1 within a row, so row widths stay constant. |
| flipCount | Number | 1 | Rows swapped per flip tick. |
| highlightMs | Number | 1600 | Interval between highlight re-rolls. |
| highlightRuns | Number | 3 | Purple runs (2–3 contiguous digits each) placed on every re-roll. |
| animate | Boolean | true | false renders the static matrix; prefers-reduced-motion also disables animation. |
| baseColor | String | '#4d5c5a' | Digit color. |
| highlightColor | String | '#ab86f6' | Highlight-run color. |