I’m building a loader based on the Hermann grid: a field of ghost nodes (intersections).
Choreography: nodes are always visible; for each phase the nodes that form L then A are emphasized and edges are drawn between successive nodes. Next phase repeats at a different orientation/position (90° rotations + offsets).
Questions
Is my approach to connect nodes with DOM edges sound, or should I switch to SVG paths for precision/perf?
Any cleaner pattern to define letter sequences? I’m using small helpers (row/col/diagDR/diagDL, offset, rotate90) and explicit arrays for L/A.
Best practice to clear edges between phases without flashing? (I’m fading & removing.)
For the intro ripple, is using from:[(N-1)/2,(N-1)/2] the right way to stagger from the true center on even grids?