How to make an interactive sound wave print

How to make an interactive sound wave print

We're pleased to share with you another great tutorial by our friends at Bare Conductive who have used conductive paint and the touch board in order to make an interactive sound wave print.

In this tutorial you will learn how to make an interactive sound wave print within a picture frame, so you can see and hear your favourite song at the same time! When you touch the print through the glass of the frame, it will play the song shown in the sound wave image. Printed Sensors behind the print act as a proximity sensor and are connected to a Touch Board and speaker behind the frame.

Materials
To begin you will need:

  • Touch Board
  • Electric Paint
  • Printed Sensor
  • Paper
  • USB cable
  • Speaker
  • Picture frame
  • Masking tape
Materials_Needed_Mix 

Step 1
Demo

Enjoy the demo video!

Step 2
Create sound wave print

First, you need to create your sound wave print. They used this website to generate a sound wave from a song. Simply upload the song you want to use, download the generated wave and design your sound wave print. It's recommend printing the sound wave on a card instead of paper, so the sensor pattern doesn’t show through.

Soundwave

Step 3
Upload the code and the song

In this project, they used their Proximity_MP3 sketch. In order to detect touch through glass and paper, the sensors of the Touch Board need to be more sensitive. Therefore, the Proximity_MP3 code is more suitable than the Touch_MP3 code. Simply open the Proximity_MP3 sketch, which is located under File > Sketchbook > Touch Board Examples > Proximity_MP3 and hit upload!

You also need to upload your song to the Touch Board. They have used electrode E0 to trigger the song, so upload your chosen song named TRACK000.mp3 to the SD card.

Setup_Code

Step 4
Prepare the Printed Sensors

Attach a strip of the Printed Sensors to the back of the picture frame, where we’ll connect it to the Touch Board. Cables aren’t necessary, as the Printed Sensors can be bent. Carefully cut away part of the Printed Sensor so you are left with a reversed L-shaped sensor. Make sure that the long part of the sensor has an access node, as this is where you are going to connect the board.

Cutting_Sensor_One

Cutting_Sensor_Two

Step 5
Assemble sound wave print frame and sensor

Now it’s time to assemble! Firstly, place the sound wave print inside the picture frame. Now, add the Printed Sensor behind it, the pattern facing the same way as the print, and make sure the strip extends beyond the frame. Secure the frame backing in place, and bend the Printed Sensor down. Stick it down with Blue Tack, or double-sided tape.

Mounting_Sensor_One

Mounting_Sensor_Two

Mounting_Sensor_Three

Step 6
Attach the Touch Board and cold solder

This project only uses one electrode – they've used E0. Before you can attach the Touch Board to the frame, you need to make sure that the other electrodes won’t interfere. Do this by simply adding masking tape behind the other, unused electrodes.

Attach some Blue Tack or double-sided tape to the back of the Touch Board and place it so that electrode E0 lies over the access node of the Printed Sensor. Cold solder the electrode E0 to the Printed Sensor with Electric Paint. 

Finally, securely attach the speakers and connect the board to a power source.

Attaching_Touch_Board_One

Attaching_Touch_Board_Two

Attaching_Touch_Board_Three

Step 7
Touch the sound wave print

Now, when you touch the sound wave in your print, it will play your song! Well done, you have your very own interactive sound wave print.

If you are having difficulties playing the track when touching the picture, try playing around with the thresholds of the sensors.

Touching_Soundwave_Board_Finished
Previous Next