Skip to content

Path-integrated connector crossing hops#43

Merged
CristianEdwards merged 1 commit into
mainfrom
Release
Mar 20, 2026
Merged

Path-integrated connector crossing hops#43
CristianEdwards merged 1 commit into
mainfrom
Release

Conversation

@CristianEdwards
Copy link
Copy Markdown
Owner

Replaces the post-hoc background-mask + arc overlay approach with hops integrated directly into the connector path itself. The path now physically detours over crossings via smooth semicircle bumps.

Benefits:

  • Glow, outer stroke, inner stroke all follow the hop naturally
  • Animated dots travel over the hop
  • No background-color masking artifacts (no more ugly rectangular patches)
  • Clean look on both dark and light themes

Changes:

  • New \insertHopsIntoPath()\ in crossings.ts splices semicircle arc points into a polyline at each crossing
  • renderConnector.ts uses the hopped path for all drawing operations
  • SVG export uses the same integrated approach
  • Removed dead \svgSmoothPath\ function

Replace the post-hoc background-mask + arc overlay approach with hops
integrated directly into the connector path itself. The path now
physically detours over crossings via smooth semicircle bumps.

Benefits:
- Glow, outer stroke, inner stroke all follow the hop naturally
- Animated dots travel over the hop
- No background-color masking artifacts
- Clean look on both dark and light themes

New: insertHopsIntoPath() in crossings.ts  splices semicircle arc
points into a polyline at each crossing. Used by both canvas
(renderConnector) and SVG export (fileActions).

Removed: svgSmoothPath (dead code after switching SVG to polyline).
@CristianEdwards CristianEdwards merged commit 43e67bd into main Mar 20, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant