Skip to content

docs: add tutorial for drawing any letter with LEDs#594

Open
tungnguyentu wants to merge 2 commits into
tscircuit:mainfrom
tungnguyentu:led-letter-tutorial
Open

docs: add tutorial for drawing any letter with LEDs#594
tungnguyentu wants to merge 2 commits into
tscircuit:mainfrom
tungnguyentu:led-letter-tutorial

Conversation

@tungnguyentu
Copy link
Copy Markdown

Summary

Adds a step-by-step tutorial showing how to place LEDs evenly along the outline of any capital letter, using SVG path data from @tscircuit/alphabet and an arc-length parameterization helper.

  • Step 1samplePath() utility: parses M/L SVG commands, computes cumulative arc lengths, re-samples at N evenly-spaced positions
  • Step 2 — Adds 68 Ω current-limiting resistors so each LED stays within spec
  • Step 3LedLetter reusable component that accepts letter, power, gnd, offsetX/Y, width/height, nLeds, namePrefix
  • Step 4 — Full working example with all 26 capital letters via @tscircuit/alphabet

Each step includes a live <TscircuitIframe> preview and explanatory copy.

/claim tscircuit/docs-old#50

…pling

Adds a step-by-step tutorial that teaches readers how to place LEDs along
the outline of any capital letter using SVG path data from @tscircuit/alphabet
and a custom arc-length parameterization function (samplePath).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented May 14, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
docs Ready Ready Preview, Comment May 15, 2026 4:35pm

Request Review

…tIframe

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@tungnguyentu
Copy link
Copy Markdown
Author

Update: Added a components table and converted the final usage example from a static code block into a working TscircuitIframe (PCB view) — readers can now see the completed A+B letter layout rendered live.

@github-actions
Copy link
Copy Markdown

This PR has been automatically marked as stale because it has had no recent activity. It will be closed if no further activity occurs.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant