Skip to content

docs: add capacitive touch slider tutorial#505

Closed
CharlesWong wants to merge 1 commit intotscircuit:mainfrom
CharlesWong:feat/capacitive-touch-slider-tutorial
Closed

docs: add capacitive touch slider tutorial#505
CharlesWong wants to merge 1 commit intotscircuit:mainfrom
CharlesWong:feat/capacitive-touch-slider-tutorial

Conversation

@CharlesWong
Copy link

Summary

Adds a comprehensive tutorial for building a capacitive touch slider using polygon SMT pads with solder mask coverage.

Tutorial Contents

  1. How capacitive touch works — ASCII diagram showing finger → solder mask → copper → substrate stack
  2. Diamond-shaped polygon pads — 5-segment linear slider with shape="polygon" and coveredWithSolderMask={true}
  3. Key properties tableshape, points, coveredWithSolderMask, solderMaskMargin
  4. Other pad shapes — rectangular and circular variants with live <TscircuitIframe /> examples
  5. Microcontroller connection — connecting slider to RP2040 GPIO
  6. Circuit JSON output — what the rendered pcb_smtpad looks like with is_covered_with_solder_mask: true

Live Previews

The tutorial includes 4 interactive <TscircuitIframe /> examples:

  • 5-segment diamond polygon slider (PCB view)
  • 4-segment rectangular pad slider (PCB view)
  • 5-button circular pad row (PCB view)
  • MCU connection example (schematic view)

Related

/claim #786

…oldermask

Adds a comprehensive tutorial for creating capacitive touch sliders using
polygon SMT pads with solder mask coverage (coveredWithSolderMask prop).

Tutorial covers:
- How capacitive touch works (finger -> solder mask -> copper -> substrate)
- 5-segment diamond-shaped polygon pad slider example
- Key properties: shape, points, coveredWithSolderMask, solderMaskMargin
- Rectangular and circular pad variants
- Connecting to a microcontroller
- Circuit JSON output format

Closes tscircuit/tscircuit#786
@vercel
Copy link

vercel bot commented Mar 11, 2026

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

Project Deployment Actions Updated (UTC)
docs Ready Ready Preview, Comment Mar 11, 2026 5:22pm

Request Review

@github-actions
Copy link

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

@github-actions
Copy link

This PR was closed because it has been inactive for 1 day since being marked as stale.

@github-actions github-actions bot closed this Mar 15, 2026
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.

Support Capacitive Touch Slider element, add solvermask support to smtpad, document capacitive touch element

1 participant