loading

This was my first real Arduino project and is also my first instructable so be kind in the comments :) I wanted to try and answer the questions that took me some time to figure out and provide detailed instructions so if you're very familiar with hobbyist electronics then you can probably skim through each step but if you're new to this it should provide you with everything you need.

The aim of the project was to create a 12 x 12 pixel screen in a coffee table that can be controlled via bluetooth and used as a cool room light/play games on it.

For this build you will need these parts:

  1. Arudino Mega (or clone) - https://www.amazon.co.uk/Arduino-Mega-2560-R3-Micr...
  2. Arduino micro SD Card Shield (I used this one and and soldered the headers on) - https://www.sparkfun.com/products/12761
  3. Micro SD card - Any size will do but it must be formatted in FAT32
  4. 5m WS2812B Addresable LED strip - https://www.amazon.co.uk/gp/product/B01EJ0EXXQ/ref...
  5. HC05 Bluetooth module - https://www.amazon.co.uk/gp/product/B01G9KSAF6/ref...
  6. 5 V 6 Amp Power supply - (I used this but there are a hundred others on ebay) http://www.robotshop.com/uk/power-supply-5v-6a.htm...
  7. Ikea LACK table (the hobbyists classic) - http://www.ikea.com/gb/en/products/tables/coffee-s...
  8. Access to a laser cutter for 3 mm plywood (or a very steady hand). You can order laser cut parts online at various places (http://www.hobbytronics.co.uk/laser-cutting for example)
  9. White spray paint
  10. 2 m aluminium T section (1 1/2 x 1 1/2 x 1/8) - http://www.aluminiumwarehouse.co.uk/Aluminium-T_S...
  11. 450 mm x 450 mm x 6 mm glass top (most local glaziers can cut custom pieces for you but I used these guys http://www.taylorsglass.co.uk/)
  12. 1 x 100 micro Farad Capacitor
  13. 2 x 1k resistor
  14. 1 x 2k resistor
  15. 1 x linear rotary potentiometer
  16. Various jumpers (probably a dozen during the prototyping)
  17. At least three colours of relatively thick cables for soldering (this can draw some large currents so I would not recommend jumper wires for the power)
  18. Stripboard for the internal circuit (don't worry it's very simple)

Tools required:

  1. A soldering iron + solder
  2. A pair of snips
  3. Wire strippers
  4. A Dremel or jigsaw of some kind to hack the table apart. I used this https://www.amazon.co.uk/gp/product/B0078LENZC/ref... with spiral cutting bits https://www.amazon.co.uk/gp/product/B0035PTRNI/ref...

Step 1: Initial Test and Layout

The first port of call is to cut up the LED strip into the lengths you need. This LED strip is really easy to use because it only has 3 pins and makes the Arduino do the real work. I cut the spool into 12 sections each of length 12 LEDs as shown in the figure and laid them out on the back of the table to help me visualise where I was going with this.

I then had a few LEDs left over so I connected them up to an Arduino UNO I had to test if they worked (you can use the Mega mentioned in the project outline too). To do this I cut and stripped some male to male headers and soldered them to the pads on the end of the LED strip. On the WS2812 strip I used the 5V wire is red, ground is white and data is green. Make sure you pay attention to the directional arrow printed on the WS2812B strip so that you don't try and send data in the wrong direction. I connected the 5V line to 5V on the Arduino, Ground to GND and Data to pin 6 with a 1k resistor in series. Bare in mind that the Fritzing schematic of the WS2812B LEDs is slightly different to the ones I had delivered - suffice to say, just make sure data is connected to pin 6, Gnd is connected to ground and 5 is connected to 5V.

With so few LEDs (5 or so) the Arduino should be fine to provide the power; however you can't power many as when they are on full white the LEDs draw up to 60mA each and can quickly overwhelm the Arduino.

Assuming you have the Arduino IDE (if not download and install it) set the chipset type to the Arduino you have and set the COM port to the one that shows an Arduino in the options. Now download the FastLED library and install it (http://fastled.io/). Open the striptest.h example and set the number of LEDs in the sketch to however many you have (I had 5 left). Hit verify and (assuming all goes well) upload it to the Arduino and you should see the lights on the little strip come on and change colour.

Step 2: Soldering the Matrix and Stripboard

Now it is time to start creating the LED matrix.

Cut 11 short lengths of each of the three colours of wire you have. Make sure they are long enough to go from the end of one strip to the beginning of the next one. When laying the LED strips out you need to make sure that the data flow arrow follows a snake. Once this is laid out, carefully solder each led row to the next one as shown in the figure. This is significantly easier if you use the same colour for each type of connection.

Now, more soldering, we need to create the stripboard that will handle the power from the mains power supply. I soldered two columns on the stripboard together for both the 5V and GND so that it handles the current better. See the attached schematic for the circuit you need to create. When soldering the capacitor, ensure that the negative end is attached to the GND rail, not the 5V one. Once the stripboard is finished we need to connect the +VE and GND to the LED strip and also use the other half of the jumpers we cut earlier to connect the Arduino to the power supply and the stripboard. Now would be a good time to add the SD breakout board to the Arduino so that we can save files to it and read from it later. Once the SD breakout board is in place we can connect the 5V rail to the Vin pin and the GND to any GND pin on the Arduino.

Lastly, we can connect a potentiometer to analog input A0 as shown so that we have a way of controlling the brightness of the LEDs.

Once all this is done we can upload the striptest sketch again changing the number of LEDs to 144. Make sure you have the power supply active before you upload this sketch. Hopefully all the LEDs should light up in the patterns of the striptest sketch so we know everything is working.

Step 3: Bluetooth Module Integration

Last piece of wiring now, the HC05 unit connects to the Arduino Mega as shown in the schematic. Ensure that the HC05 unit connects to the Rx1 and Tx1 ports on the mega - this makes it much easier to program and avoids using the use of the "softwareserial" library.

NB. The HC05 unit will take either 5V in or 3.3V in and generally operates on 3.3V logic so I connected it to the 3.3V rail. Some other instructables have shown the Tx (on Arduino) to Rx (on HC05 unit) with a potential divider circuit to knock the 5 V logic from the Arduino into the native level for the HC05 module. This is the reason I had the 1k and 2k resistors in the parts list; however, I didn't bother and it seems perfectly happy on my table :)

Step 4: Table Hacking

Now we need to start cutting the table apart to give our LEDs and electronics a new home.

First mark out a 450 mm x 450 mm square in the middle of the top of the LACK tabletop. Using the Dremel (or a jigsaw) cut the square out as best you can to keep it straight. Now we can remove the top and the cardboard inner pieces leaving you with a hollowed out tabletop as shown in the picture. Using the Dremel again we can drill a hole in the corner of the bottom of the table so we have somewhere to route the mains cable through.

Once the table is prepared we can tape the LEDs down in roughly the right positions before we move on to the next steps. I found it useful to make sure that the electronics were right after every step so try out the striptest sketch again.

Once you're comfortable everything is in its right place then you can drill a couple of small holes to mount the power supply inside the table edge using small bolts. I chose to mount the Arduino outside the table so I can reprogram easily if I want to but it is mounted upside down to the bottom of the table and is not easily visible. I also mounted the potentiometer through the bottom of the table so that the brightness control looks nice and professional.

Step 5: Laser Cut Parts

Now we need to introduce the laser cut parts that form the matrix of squares so we have defined pixels. I have included the dxf files for the laser cut parts that form the wooden matrix and also images of them so you know what they should look like. They are made of two separate pieces, one goes along each row of LEDs and the other crosses them. The parts that cross have a 10 mm high gap cut out at the bottom to allow the wiring to pass through.This gap could be reduced to 5 mm as I appear to have a little bit of light leakage from one pixel to the next.

11 of copies of both parts need to be laser cut out of 3mm plywood and then assemble them to make sure they fit correctly. Once you are happy, take the matrix apart again and spray it white to improve the reflective characteristics of the table. When dry put them back together again and place them over the LEDs. It might be a bit harder to fit them together after spraying as they are now a bit thicker but don't worry just gently tap them into place before you put the matrix into the table.

Step 6: Glediator

Now we have all the hardware implemented we can start looking at software. I downloaded and installed software called Glediator to create animations for the LEDs (http://www.solderlab.de/index.php/software/glediat...). The installation instructions can be a bit fiddly but follow the website closely and you should be fine. We also need to download the sketch from the Glediator website to upload to the Arduino (http://www.solderlab.de/index.php/downloads/catego...). We are using WS2812B LEDs so make sure you download the right one (WS2812 Glediator Interface). Once you open this sketch, change the NUMBER_OF_PIXELS to 144 and upload it to the Arduino.

Once Glediator is installed we can start playing animations on the table. Firstly we need to set the matrix size to 12 x 12 in the Glediator software and also set the output type to HSBL - Horizontal Snake (starting) Bottom Left as this is the way we have wired up the LEDs and change the colour order to GRB (this is what the LEDs take data in for). On the output tab, open the COM port and the LED matrix should start displaying the LED pattern on the middle screen of the Glediator software.

You can create animations and record them to a .dat file that we can upload to the SD card meaning that your favorite animations can be displayed on the table without the need for a PC to be connected. There are a few tutorials online about this (https://hackaday.io/project/5714-glediator-from-sd... for example). I have modified a few different sources of code to work for this so my code should be fine.

When saving your animations, make sure you save them as "animX.dat" where X is any number from 1-15. You could implement more by changing a couple of lines in my code.

NB- When recording Glediator files, the software has a bug in it that means it doesn't remember how you wired up the LED strip. In my code I have implemented a simple function to reverse the order of even-numbered rows meaning it all displays correctly

Step 7: Bluetooth Serial Control

Setting up bluetooth communication between a smartphone and the Arduino proved surprisingly tricky but there are a few simple steps that will make this much easier. Firstly, you will need to download an app for your smartphone. I used https://play.google.com/store/apps/details?id=com.... but there is probably an iphone equivalent (that you have to pay for ;p )

You may have noticed that the HC05 module has a small switch on it. If you power it up with this switch pressed down it enters AT-mode which means you can interrogate parameters on it and change them if you wish.

Upload the attached sketch to the Mega and set the serial rate on your PC to 9600. Disconnect the power to the HC05 unit and then press the button on it down when you reconnect it. The blinking should now be approximately once every two seconds - now the HC05 is in AT-mode.

Now in the serial monitor we can send commands to the HC05 and see its response. Type "AT" and press send and you should see "OK" come back on the serial monitor - now we know it is listening. The bluetooth name of the device can be changed by typing "AT+NAME=XYZPQR" where XYZPQR is what you want the module to be called. I called mine LightWave. The default passcode for the bluetooth module is 1234 (or 0000) but this can be changed too by sending "AT+PSWD=9876" for example. Finally, we can change the communication rate of the HC05 by sending "AT+UART=38400". This is the default rate for most HC05 modules but mine was set differently so it is good practice to set it to be sure. There are lot's more details about these commands here : https://www.itead.cc/wiki/Serial_Port_Bluetooth_M... and there are also instructables about this step that have much more detail https://www.instructables.com/id/Modify-The-HC-05-...

Now we can try sending commands to the module via a bluetooth device. Firstly disconnect the power to the HC05 module and then reconnect it. You should see that the flashing rate of the LED is much faster - this means it is now waiting to pair. On your smartphone, open the Arduino Bluetooth Controller app and find the HC05 module. If you haven't changed the name it will likely be called HC05 or similar. When given the options of how you would like to connect, select Terminal mode. Now try sending some numbers and text and seeing if the serial monitor on the PC reports that they have been received. Hopefully they have so we can move on, if not there are plenty of instructables that might give you a few hints (https://www.instructables.com/id/Bluetooth-Hc-05-W... for example).

The last thing to do here is to map the controller inputs to numbers the Arduino can do something with. I used the following values:

Up = 1,

Down = 2,

Left = 3,

Right = 4,

Start = 5,

Select = 6.

Step 8: Games

I take no credit for the game code. I used the source code found here https://github.com/davidhrbaty/IKEA-LED-Table written by davidhrbaty. However, I have modified it in a few different ways:

  1. I added a brightness constrain function based on the potentiometer value so we can change the brightness
  2. I removed the bricks game because I could not get it to compile
  3. I changed the colour coding of the tetris blocks so they were all different colours
  4. I reordered the menu
  5. I implemented an option to play animations from the SD card
  6. I added high score tracking and a high score display option in the menu

The attached code should just work straight away but if not my suggestion would be stripping out games that seem to be causing error messages and verifying the code again until you find out where the problem is.Then gradually add back in more complexity.

The original author of this code did a fantastic job building something that is really modular and easy to add in to. It is not that difficult to add in extra cases to add more functions into the table.

The options in the menu are:

  1. SD Card - Plays animations stored on the SD card
  2. Tetris
  3. Snake
  4. Pong
  5. Dice - Random nuber generator between 1 and 6
  6. Animation - A collection of animations from the FastLED library
  7. Stars Animation - EDIT - I have now implemented Conway's Game of Life instead of this animation
  8. Rainbow Animation
  9. High Scores - Displays high scores for tetris and snake

Before you start playing you need to create two txt files on the SD card, one called "teths.txt" and the other called "snkhs.txt". In both of these files put the number 0 then save them on the root folder of the SD card. These are the high score tracking files and will be updated every time the high score is beaten. If you want to reset it, just change the values back to 0 on a PC.

Once you upload the LED_table program to the Arduino you can open the serial monitor and you should be able to see the bluetooth commands as you send them - this way you know everything is working fine.

Step 9: Enjoy

All that's left to do is to upload the main LED table code to the Mega and then enjoy playing and let me know your high scores!

I am still waiting for the parts for the table top to arrive (Aluminium T section and glass) but the table now functions fine and I can play games on it.

Let me know if you have any comments, edits or spot any mistakes I made.

Step 10: Update

Now it is completely finished! :)

I finally took delivery of the aluminium T section for the edging and did my best job at mitering the joint (turns out 45 degrees is one of the harder angles) but it is almost completely square. For the top I decided to get a thicker sheet of glass (425 x 425 x 8mm) and I frosted the underside using Rustoleum glass frosting spray. I used regular caulk (silicone sealant) to joint the top and the angle pieces so that there is a little bit of flex in the joins if required.

Updated update. Now I've added in Conway's Game of Life as option 7 in the menu rather than the stars animation as I never used it. If you don't know what this game is, Google it, but basically it's a zero player game which shows evolution based on three simple rules. Conway's Game of Life

i add the brick game , but the collision is not correct , i took the 2 file from david and compile it with ide 1.8.2 it gave me an error , i just add in the brickscommon.h at the end , static const uint_t and it compile
<p>Sorry for the game account, it's the only one I had to comment with. I am in the process of building this project per the exact hardware and instructions. I am having a few issues with it though. 1: It took quite some time to get the code to compile..there were errors in the SD portion of the script. After updating some libraries, the script will finally compile..though it shows some pragma messages about fast led. 2: What is the value of the pot you are using? 3: I can run all test patterns and they work fine..but once the game code is uploaded, none of the leds light up. I have verified the pins, even changed them..still nothing displayed. 4: The blue tooth module works through the blue tooth test scrip and I can communicate with it. I set up the transfer rate (38400 baud), name, and pw..but in the game code, the serial monitor shows no communication..though I am paired and connected. any thought or suggestions what I could be doing wrong? I have not altered the script at all and all connections match your schematics. </p>
Hi KaelyT.<br><br>There's a lot going on there and I'm still new to this but I'll try and help.<br><br>I don't know why there were error messages in the SD card code... it compiles and uploads ok on mine ? I get messages and warnings too but as long as it worked I didn't bother trying to hunt them down.<br><br>I take it you are running this on a Mega or similar. When you upload the game code nothing happens? Can you let me know if the menu scrolls past? Also, in the Bluetooth app you need to set the controller buttons to the numbers shown and then connect as a controller. <br><br>Let me know how you get on with it.<br><br>Good luck.
<p>thanks, I figured the pot was a 10k..just wanted to be sure. Yes, I am using a sunfounder Mega just as you did. The menu does not scroll at all and nothing lights up. I did figure out why i was getting pragma messages..it has to do with the newer version of Fast Led. I did set the buttons as well. In the serial monitor it does not show any communication at all...though it did work when testing and setting up with the bluetooth_mega_v1.ino. I ended up splicing in the original source code you used before modifying it and removing a lot of the scripts. The menu will now show up, but the Bluetooth is still being an issue. Once I get the BT working, I'll start adding things back into the compilation until I pinpoint where the issue was. Thanks.</p>
Hi KaelyT,<br><br>Glad to hear you're making progress. I've no idea why the menu doesn't scroll but if you get to the bottom of it let me know.<br><br>Good luck with your build ?
I forgot. The potentiometer is a linear 10k rotary
<p>That looks really cool, great work!</p>
<p>This needs an aux input with a chromecast audio attached.. throw in some coding for equalizer lights and boom, you got yourself a party table. :) Cool build, btw! So much more you could do with this too!</p>
<p>Hi, Nice job!! Do you think possible to port this to Arduino Uno? With it respective shields... Thanks..</p>
<p>Hi.I did my prototyping with an Uno and it is possible to record animations and play them from an SD card but the games are too big to fit in the memory of the Uno so I had to use a Mega. I'd like to say I knew that before but ... I found out when I tried to compile the code and it was too big. I used a Mega clone from SunFounder on Amazon (which is now out of stock) but I think this one should work fine too <a href="https://www.amazon.co.uk/dp/B06XKMZ3T9/ref=sr_1_1?s=computers&ie=UTF8&qid=1493678569&sr=1-1-spons&keywords=mega+2560+elegoo&psc=1" rel="nofollow">https://www.amazon.co.uk/dp/B06XKMZ3T9/ref=sr_1_1?...</a></p><p>They are about the same price as a genuine Arduino board.</p>
<p>A genuine Uno board that is</p>
There needs to be a video on this thing in action! This is a sweet project!
<p>Ask and you shall receive <iframe allowfullscreen="" frameborder="0" height="281" src="//www.youtube.com/embed/9mYyU1978k4" width="500"></iframe></p>
<p>I made one a while ago </p><p>https://www.youtube.com/watch?v=aBFZeL3S1zs</p>
<p>Nice work. I especially like how the app shows the next block coming. How did you go about programming that? I've never touched Android before (tbh I've never touched C before this project).</p>
<p>Hi Mark. If you look better you can see it doesn't show the next block coming, but it in fact is just the current block that is falling. You can also try to count the blocks :) Greetings</p>
<p>well no it really does show the next block <br>This is simply done by generating the next block when you start placing the current block <br><br>And I use MIT App inventor <br><a href="http://ai2.appinventor.mit.edu" rel="nofollow">http://ai2.appinventor.mit.edu</a></p><p>to make the app<br>it has its limits but is easy to use</p>
Thanks LievenD3. That's my morning sorted tinkering with that ?
<p>also here are some other pictures </p>
I need something like this for the back of my motorcycle
awesome!
<p>This is so cool! :D Thanks for sharing!</p>
<p>That would be so much fun playing tetris on a coffee table! Great job!</p>
<p>That looks fun! I love Tetris :)</p>

About This Instructable

11,127views

261favorites

License:

Bio: Full-time Aerodynamics lecturer and (increasingly) part-time Arduino hobbyist.
More by MarkQ8:Bluetooth Controlled Arduino LED Coffee Table 
Add instructable to: