Music Visualiser Table

by crt4041 in Circuits > Arduino

103867 Views, 1064 Favorites, 0 Comments

Music Visualiser Table

led table.png

This Instructable will hopefully give you all you need to put together a reactive music led table.

*** Following questions/suggestions/queries, I've added a full breakdown for making the LED array. I hope it helps those with questions. I've also added some pictures of the circuit boards - These are directly from Adafruit, and I give them full credit - what they do is awesome!***

I based it on the Music Visualiser at Music Visualiser - Adafruit. The code is from there, the circuit is from there - all I really created was a big led matrix, and put it into an Ikea table!

Really, I wanted to make a full arduino tetris table, but I had most of the spare parts and wood available to make this, so that's what I did.

As a picture is worth a thousand words, there are lots of pictures as I hate writing!

Modify the Table

5495ca94dbf3ecbe1f000014.jpeg
IMG_1478.JPG
IMG_1479.JPG
5495cb1bf92ea148c2000038.jpeg
5495cb39f92ea1b5f800003b.jpeg
5495cb52f92ea16891000060.jpeg
5495cb70f92ea1dd81000001.jpeg

Start with an Ikea Lack table - the matt white was on special at £5, so that's what I used.

Draw a square on the table - mine was 40cm * 40cm - giving me 5cm2 sections.

Not knowing what the table was made of, I cut a small hole to look inside.

Happy with what I found, I cut the square, and removed the honeycomb cardboard inside.

Realise Your Mistakes

5495cb8ef92ea16891000064.jpeg
5495cbb2f92ea16891000065.jpeg
IMG_1491.JPG
IMG_1486.JPG
5495cbd4f92ea18fda000020.jpeg
5495cbeff92ea1b5f800003c.jpeg
5495cc08f92ea1d1bb000038.jpeg
5495cc22f92ea1284f000007.jpeg

Having cut the hole, I sectioned off the white square I'd just cut out.

I then glued the triangle I'd cut back in place. Oops.

Then section off the board into 5cm2 pieces.

I made template for the led holes- yes it's an old rail ticket, and marked the holes.

Drill loads of holes and fill with leds.

Take a picture with all the leds in place. Feel good about what you've done.

Making the Matrix Grid

IMG_1495.JPG
5495cc3af92ea1d1bb000039.jpeg
5495cc4df92ea18fda000022.jpeg
IMG_1498.JPG
5495cc74f92ea18fda000023.jpeg
5495cc8ff92ea16891000066.jpeg
IMG_1501.JPG
IMG_1502.JPG

I got some white laminated hardboard I found in the garage and cut strips. The height was based on the depth of the table. There weren't measurements - it was done by eye.

I then used the bandsaw to cut the intersection holes. I then used the kids 'gloopy glue' (pva!), to stick reflective photopaper to the other side of the hardboard. I used a craft knife to cut this to size once dry.

I assembled the pieces and glue-gunned them into place.

Creating the Led Matrix

557da8a94936d4a9be0007fa.jpeg
IMG_1751.JPG
IMG_1743.JPG
IMG_1752.JPG
IMG_1753.JPG
557da99650e1b63b61000939.jpeg
grid.jpg
leds with legs.jpg
greyed out - earthed.jpg
all earth leads.jpg
single live.jpg
All leads.jpg
IMG_1740.JPG
IMG_1741.JPG
5495ccc0f92ea18fda000024.jpeg
IMG_1745.JPG
IMG_1747.JPG
IMG_1748.JPG

This is making a very large version of the common cathode matrix found in the attached datasheet.

Firstly, cut some wires, and strip them, lots of them - I suggest you buy a wire stripper, I did and it made it so much easier! Once you think you've got enough, cut some more! You'll need 56 black wires and 112 red wires. Each should be about 7 to 8 cm long, but this will vary depending on your array, so just check before you cut all of them. As you'll see in one of the first pictures, I placed a marked piece of paper on my table, laid the wire along it and cut it into strips. This made the pieces the same length.

Next, to save my fat fingers whilst soldering, I twisted the wires into lengths of 7 pieces of wire - this was so I could solder the wires without trying to hold multiple wires at once.

*** to make the next bit slightly clearer, I've added some diagrams that should highlight which wires are connecting where***

Having made the board with the holes,

Insert the LEDs in the back-side of the board and bend the legs over so the cathodes touch, but the anodes are separate.

Solder all the cathodes together using the black wires.

Solder all the anodes together using the red wires.

Downloads

Connecting the Circuitry

full pinout.jpg
driver board.jpg
led_matrix_layout-classic.jpg
IMG_1537.JPG
IMG_1538.JPG
IMG_1542.JPG

Connect your newly created array as the diagrams show.

The pins on the matrix connect directly to the circuit board. I've put the pinout on the board so you can see which pins are which.

I've also shown the circuit diagram that has come from Adafruit, but I've made one change - the GND connection from the microphone goes to a different GND connection than the LED array. I found that the microphone output was getting 'corrupted' if it was connected to the same GND and the output of the LED array was garbage.

Test the matrix and circuit as in the video.

https://www.youtube.com/watch?v=FUJ8XGJDLFY

Complete the Table

IMG_1543.JPG
5495cd43f92ea1d1bb00003b.jpeg
5495cd64f92ea1d1bb00003c.jpeg
5495cd7bf92ea1dd81000005.jpeg
5495cda0f92ea148c2000039.jpeg
5495cdc2f92ea148c200003a.jpeg
5495cde3f92ea1dd81000006.jpeg
5495ce0cf92ea1d1bb00003d.jpeg

Get a piece of perspex the same size as the matrix, and cover it in frosted window film. If you can find pre frosted perspex then this may save you some effort. For added diffusion, I used some greaseproof paper as well.

I cut a hole in the bottom of the table to allow a usb cable to fit through.

Slide the matrix into place.

Glue to plastic top in place.

Your table is now complete.

Downloads