Textile Trackpad

by MaddyMaxey in Circuits > Electronics

8923 Views, 94 Favorites, 0 Comments

Textile Trackpad

DSC00949.JPG
video
DSC00923.JPG
DSC00982.JPG
DSC00847.JPG
DSC00858.JPG

Functional fabrics can do things like light up, heat people, and sense when they're being touched. This project was developed to show how functional fabrics can be used for applications far beyond apparel and can also be used as design tools.

The Textile trackpad can be used to replace a computer mouse and could, in theory, be used to model, sketch and draw in the computer. This one is just hooked up to a processing sketch, but if you make your own, I'd be curious to see how you make it function!

To make the trackpad textile, you'll need the following things:

  • Bare conductive ink,
  • Flora microcontroller
  • Embroidery TPU
  • 4 Adafruit 12 Cap Touch breakout boards
  • 10mm conductive fabric tape (3 rolls)
  • Nail Polish, or liquid electrical tape
  • iron on interfacing (soft)
  • A Cover textile
  • Heat Gun
  • Soldering station
  • USB mini connector
  • Gauge 30 silicone thread

Solder Your Electronics

Capture d’écran 2017-05-10 à 17.37.08.png
DSC00868.JPG
DSC00885.JPG
DSC00886.JPG

To make your textile trackpad, you'll need to spend some time soldering together the circuit. See the diagram above for how the layout is done. I added vibration motors to shake when you touch the textile, but it's up to you to add any special features!

For the cap touch breakout boards, each one can have an individual address, so you'll want to solder them all to the same clock and data line and then solder pins together on the board to create the unique address.

Lay the X Axis

DSC00867.JPG
DSC00873.JPG
DSC00875.JPG
DSC00879.JPG
DSC00862.JPG

Once the electronics are assembled, you can lay out the X axis by ironing together the embroidery insulation and laying on the conductive fabric strips across the X axis

There should be 17 strips spaced 1.5" apart. Once they are all placed, you can insulate with nail polish where the Y axis will cross (this may not be entirely necessary).

Insulate the Y Axis

DSC00876.JPG
DSC00881.JPG
DSC00882.JPG

Place the 23 Y axis strips onto the lightweight interfacing and cut back into strips. The interfacing on the back keeps the X and Y axis from conducting together. You should have 23 strips with backing ready to place.

Add the Y Axis

DSC00884.JPG
DSC00878.JPG
DSC00877.JPG

To place the Y Axis, make sure to mark placement lines on the embroidery material. You'll want to place them at a 1.5" interval and ensure they are straight from top to bottom. They can be held in place with double stick tape.

Connect Axis to Electronics

DSC00887.JPG
DSC00890.JPG

To connect each wire to the conductive fabric pieces, you'll want to use a conductive adhesive like Bare Conductive. We placed this at each joint and let it dry. Then, we tested the connection to ensure it would properly conduct.

Test

DSC00894.JPG
DSC00895.JPG
DSC00901.JPG
Capture d’écran 2017-05-16 à 16.40.55.png

After assembling the grid, you'll want to test it with a simple example sketch that comes with the 12 Cap Touch breakout board. You can touch each lead to ensure it is registered by the MCU and the IC.

Press Together Entire Tablecloth

DSC00892.JPG
DSC00893.JPG
DSC00897.JPG
DSC00899.JPG
DSC00900.JPG
DSC00898.JPG
DSC00896.JPG

This is where it all comes together! Hem your piece of cover fabric and place on top of the embroidery interfacing. The sticky side should be up. Use an iron or a heat gun to melt the embroidery adhesive and press down the wires and X,Y strips.

Program Electronics

Capture d’écran 2017-05-17 à 16.05.03.png
DSC00855.JPG

Next up is programming the Flora. You'll want to download the 12 Cap Touch library from Adafruit and install. I changed by settings to be more sensitive in the header file and programmed it to have mouse control.

Interact With Your Computer in a New Way!

DSC00976.JPG
Capture d’écran 2017-05-19 à 09.59.37.png
Capture d’écran 2017-05-19 à 09.59.46.png
Capture d’écran 2017-05-19 à 10.00.00.png
Capture d’écran 2017-05-19 à 10.00.05.png

Use the "trackpad" to control your mouse and interact with your digital world in a a new way!