Piano Glove

by 102183 in Craft > Sewing

857 Views, 4 Favorites, 0 Comments

Piano Glove

Screenshot 2023-01-19 at 11.47.15.png
Screenshot 2023-01-19 at 11.47.15.png

This glove will play a note if you touch any finger to the thumb. The initial idea was inspired by Amit (103377), Be Aware of Me Glove.

Supplies

Supplies:

Make the Code

Screenshot 2023-01-19 at 11.42.14.png

You can tweak the code to your preference or change it all together. This website has a lot of tutorials for Circuit Playground.

  1. Search for "makecode.adafruit.com"
  2. Create a new project
  3. Copy the code from above
  4. Test if the code works correctly on the left-hand side
  5. Once it's done download the code and follow the instructions that appear
  6. Plug in the Circuit Playground with the wire (you might need an adapter depending on your computer)
  7. Test the Circuit Playground to make sure it works

Java Script

Screenshot 2023-01-19 at 11.42.21.png

You can copy & paste the script below on the Java side of the program:


input.touchA3.onEvent(ButtonEvent.Click, function () {

light.showRing(

`yellow white yellow white yellow white yellow white yellow white`

)

music.playTone(440, music.beat(BeatFraction.Whole))

})

input.touchA4.onEvent(ButtonEvent.Click, function () {

light.showRing(

`green white green white green white green white green white`

)

music.playTone(392, music.beat(BeatFraction.Whole))

})

input.touchA5.onEvent(ButtonEvent.Click, function () {

light.showRing(

`blue white blue white blue white blue white blue white`

)

music.playTone(349, music.beat(BeatFraction.Whole))

})

input.touchA6.onEvent(ButtonEvent.Click, function () {

light.showRing(

`purple white purple white purple white purple white purple white`

)

music.playTone(330, music.beat(BeatFraction.Whole))

})

music.setVolume(255)

light.setBrightness(16)


Preperations for the Glove

Screenshot 2023-01-17 at 15.05.49.png
Screenshot 2023-01-17 at 15.05.30.png
Screenshot 2023-01-17 at 15.09.17.png
Screenshot 2023-01-17 at 15.09.53.png
Screenshot 2023-01-17 at 15.10.01.png
Screenshot 2023-01-17 at 15.10.20.png

Now leave the code for a bit because it's time to start making the glove. You can either use an already existing glove, if you want to you can skip this and the next step. If you want to make a glove from scratch follow the steps below:

  1. Trace your hand on a piece of paper
  2. Add some space for the stitching
  3. Cut out the template
  4. Use the template to cut out some scrap fabric 2 times
  5. Either hand sew or use a sewing machine
  6. Try it on and make adjustments if necessary

Sewing the Actual Glove

Screenshot 2023-01-17 at 15.26.37.png
Screenshot 2023-01-17 at 15.26.45.png
Screenshot 2023-01-17 at 15.26.53.png
Screenshot 2023-01-17 at 15.27.03.png
Screenshot 2023-01-17 at 15.27.36.png
Screenshot 2023-01-17 at 15.27.56.png

Now that you got the feel for it you can start making the actual glove with nicer fabric. The steps are are similare as the ones in the previous step.

  1. Use the template you had from the previous step to cut out the fabric 2 times
  2. Either hand sew or use a sewing machine

Additional Sewing

Screenshot 2023-01-18 at 11.47.47.png
Screenshot 2023-01-18 at 11.47.57.png
Screenshot 2023-01-18 at 11.48.05.png

This additional sewing piece will help since you need your battery to be near the circuit.

  1. Cut a rectangle out of fabric rightly double the size of the battery
  2. Sew the ends together
  3. Flip it over and make sure it fits

Adding All Together

Screenshot 2023-01-19 at 11.46.47.png
Screenshot 2023-01-19 at 11.46.38.png
Screenshot 2023-01-19 at 11.47.06.png
Screenshot 2023-01-19 at 11.46.56.png
Screenshot 2023-01-19 at 11.47.15.png

Now we just put it all together!

  1. Sew the battery pocket in the previous step
  2. Use conductive thread to make touchable pads on the fingers
  3. Sew on the circuit on the back of the glove (use regular thread)
  4. Connect the finger pads to the circuit with more conductive thread

Final Step

Now load the code from your laptop and watch it glow!