Vertical Bartop Arcade With Integrated PIXEL LED Display

9,908

102

11

About: Al is a wearable tech entrepreneur and creator of a line of smart phone controlled LED handbags http://catclutch.com With 22 years of experience in the IT industry, Al is currently Senior Director of Info...

  1. A bartop arcade build with the unique feature that the LED matrix marquee changes to match the selected game. The character art on the cabinet sides are laser cut inlays and not stickers.

A big thanks to Tobias for posting the original laser cut CAD design for this project. This project leverages the design from Tobias with the following modifications:

  • An integrated PIXEL LED Matrix marquee that changes based on the selected game
  • Laser cut design modified for a vertical mount monitor instead of horizontal (many classic arcade games are optimized for a vertically mounted monitor)
  • Laser cut side art inlays
  • Laser etched button labels
  • Audio amp with volume control knob
  • Shutdown/Restart Button
  • Material is Acrylic vs. Wood

All laser cut .SVG files, software scripts, LED GIF images and animations, wiring table, and artwork for this project are open source and here in GitHub.

Parts

1x Pixelcade LED Marquee (includes PIXEL LED driver board, 64x32 P3 LED Matrix, and (7) 12mm dome pushbuttons) - $149

1x Arcade Joystick - $24

4x 30mm Arcade Buttons ($15, with Cherry D44X 75g .187" Microswitch)

1x 2.1mm Panel Mount DC Jack (.33" mounting hole)

1x Rocker On/Off Panel Mount Switches (you'll need 2 but the PIXEL:Maker's Kit comes with 1) - $1.17

1x Raspberry Pi 3+ - $38

1x microSD card (128 GB is a good size for this project) - $20

1x Official Raspberry Pi Monitor - $74

1x 5V, 10A Power Brick - $21

1x Audio Amplifier - $14

2x Mini Oval Speakers 35mm x 20mm - $10

1x Stereo audio cable (right angle is better but normal will fit and is ok too) - $3

2x USB Panel Mount Cable A-A - $16

1x Right angle DC power jack - $2.50

1x microUSB jack (use an old microUSB cable and chop off the large USB side)

1x Bottle of India Ink - $5

1x Mr. Clean Magic Eraser Sponge

Blue Painter's Tape

Screws, Nuts, Stand-Offs

8x 4/40 x 3/16" pan head screws (for maintenance ports)

2x 4/40 x 7/16" pan head screws ?

7x M3 screws x 10mm

4x M3 screws x 5mm (for joystick mounts)

4x M3 square hex nuts (for joystick mounts)

8x 2/56 x 1/2" pan head screws black (for speakers)

8x 2/25 nuts (for speakers)

(4) Hex Stand-Off Aluminum, 1/4" Hex, 5/8" Long, 4-40 Thread

2x 4/40 x 3/8" Nylon Screws

4x 4/40 Nylon Nuts

4x rubber bumper pads for the bottom

Acrylic & Glue

5x 12x20" Yellow Acrylic Sheet , 1/8" thick - $48

3x 12x20" Black Acrylic Sheet , 1/8" thick - $29

1x 12x12 Transparent Light Smoke Acrylic Sheet, 1/8" thick

Misc colored sheets depending on desired arcade character inlays (optional)

Acrylic Cement Glue

Acrylic Cement for Capillary Application

Low Density Polyethylene Bottle Applicator

Optional

Kaptop tape (for securing the cables to the Pi header)

1x USB Audio Adapter (this is not really needed, while the Pi audio is known to be poor, I can't really tell the difference with this one)

Dupont Female Pin Crimp Terminals 2.54mm Pitch (for making your own cables with DuPont connectors that plug into the Raspberry Pi GPIO 40-pin header but you can also just use off the shelf cables and splice them which is cheaper

Dupont Terminal Crimper

Tools

Laser Cutter (I used a Glowforge with a 19.5" x 11 cutting area)

4/40 Tap Tool (for tapping eight 4/40 holes for the maintenance ports)

Step 1: Laser Cutting & Cardboard Assembly First

LASER CUTTING SVG FILES HERE

VERY IMPORTANT: Before you laser cut the acrylic for this project, be sure and have all parts on hands first and measure to ensure they fit the mounting holes in the laser .SVG files. Here are items in particular to check and adjust.

1. 64x32 P3 HUB75 LED Matrix - The one used in this project I bought direct from China, not from Adafruit and different LED panel manufacturers have different mounting hole locations.

2. Speakers - I did not use the speakers in the link and instead had some lying around my shop. The ones in the link I think are close but am not sure the mounting holes will line up exactly.

I used a Glowforge laser cutter and all the .SVG laser cut files are sized for the cut size of the Glowforge at 19.5" x 11".

Also, there are lot of ways the laser cutting and assembling can go wrong resulting in scrap due to the complexity of the assembly & specific orientation steps so it's highly recommend to first laser cut and assemble in cardboard and then cut in acrylic after you've got it dialed in.

Step 2: Back Maintenance Port

The maintenance port allows you to get to the electronics in the back if you ever need to in the future. This part is tricky, it's recommended to first assemble this in cardboard. Follow the steps in the video.

Step 3: Bottom Maintenance Port

The bottom maintenance port allows you to get to the bottom of the arcade buttons and joystick to in the future. This part is tricky, it's recommended to first assemble this in cardboard. Follow the steps in the video.

Step 4: Pi Monitor Mount

Attach the Pi monitor and Raspberry Pi. Be sure and fit the Pi monitor on the frame without the slot.

While waiting for the first layer to dry, add screws in the speaker holes to ensure alignment.

Now is a good time to install RetroPie, the pre-built image you'll install on your Pi microSD card. At the end of the RetroPie install, you'll be prompted to configure inputs. Hook up a generic USB keyboard and use these keys:

D-PAD UP - Up Arrow

D-PAD DOWN - Down Arrow

D-PAD LEFT - Left Arrow

D-PAD RIGH - Right Arrow

Start - A

Select - S

A Button - Z

B Button - X

X Button - C

Y Button - V

Hold down any key to skip the rest of the keys until you get to Hotkey Enable

HOTKEY - SPACE

When you get to OK press the button you have configured as the A Button which in this case is "Z"

Step 5: Control Panel - Joystick and Buttons

Screw in the joystick to the bottom layer with the screws and square nuts. Do a test and place the top layer on top of the bottom layer and ensure you've engraved deep enough such that the two layers are flush. Then use acrylic cement to glue the two layers together and clamp.

The Sanwa joystick I got was default configured for 8-way. My interest is 80s arcade games which are mostly played with a 4-way joystick. So this is a good time to change from 8-way to 4-way which is easily done by moving a template piece on the bottom of the joystick, this video explains how to switch from 8-way to 4-way and vice-versa. Using the bottom maintenance port of the arcade machine, you can change back and forth later after everything is installed but space is limited and it'll be much easier to do that now.

Use your the continuity tester on your multimeter and then label each wire on the Joystick (up, down, left, right).

Step 6: Front Panels Buttons and Inking Black Text

Leave the acrylic masking tape on and brush paint India ink generously. Let the India ink dry for a couple of hours or longer.

Once dry, remove the acrylic masking tape and you'll be left with some residue to be removed. Take some strong duct tape like Gorilla duct tape and press it hard on the engraved text and then tear off. Repeat this a few times and most of the ink residue will be removed. Then use either a wet soft sponge or a Mr. Clean magic eraser sponge to take off the rest.

Step 7: Wiring

Refer to the wiring diagram schematics and make the power cable which will consist of a female DC jack which will then 4 way split to the Pi (microUSB connector), PIXEL:LED ART Board (right angle DC barrel jack connector), audio mini amp (hook-up wire), and LED light bar (hook-up wire). Find an old microUSB cable and cut off the large USB connector end and splice and solder to this power cable for the connection to the Pi.

Put together a wiring table that maps each joystick direction and button to the corresponding pin on the Pi and assigned keyboard key. If you map to the same keys I did, then you can use the config files in the next steps out of the box.

You'll need female DuPont cables to connect to the 40-pin GPIO header on the Pi. I ended up making my own cables which was pretty fun but also a lot of work and you'll also need a crimper and the female DuPont terminals. It'll be faster and cheaper to just use stock female to female DuPont cables that you probably already having lying around and splice/solder them. If you do end up making your own DuPont cables, it turns out they are not easy to make, I found this YouTube video tutorial very helpful and was able to make them with ease after that.

Make the cables for the buttons and joystick and don't connect to the Pi yet. You'll connect to the Pi in the next step. In general, each cable should be ~13 inches long, that will be long enough to reach the Pi when mounted. If you can, use a different color for each cable (use black for all GND) or label each cable which will make things easier in the next step.

Step 8: LED Matrix Panel Mounting

Go ahead and remove the acrylic masking tape on both sides now.

First mount the PIXEL PCB board and then mount the LED panel on the other side. Pay attention to the orientation & make sure the LED panel is facing up matching the label on the acrylic mount.

Next mount the screw in the lower right hand of the PIXEL board to the panel.

Mount the LED panel using (6) M3 x 8mm screws. Note the LED panels are threaded for M3 screws, 4/40 will not work.

Note this LED panel is 7.5 inches wide and 3.8 inches tall and works great for this mini bartop form factor. If you have a larger build however, you will have more room for a larger LED marquee. Daisy chaining is supported for a 128x32 display like this https://youtu.be/H36Bk9wCgns . Or alternatively, you can also look into larger panel sizes https://youtu.be/DODSonCaz2w

Step 9: Putting It All Together

Now comes the fun part where you put everything together! But first mount all 6 buttons on the front red panel, the 4 arcade button and the joystick on the black control panel, and the power jack, toggle switches, and audio amp on the back panel. You won't be able to mount the buttons and joystick after the case is together due to lack of elbow room.

Follow the pictures to assemble things together but do not glue anything yet and instead use some blue painter's tape to keep things together for now. Once you get to the picture labelled "After you get here, connect wires to the GPIO Pi Header", then start to connect the wires to the pins on the Pi header.

Follow the table you put together in the previous step to connect each wire to the Pi header. It will be very cramped and not so easy to connect the pins to the Pi header so have patience.

Once you have everything connected, power the system up and do a full test that includes testing the joystick and every button. To test, we'll need to install a utility from Adafruit called Retrogame which converts the joystick and button inputs from the Pi's GPIO into keyboard inputs. By using Retrogame, you won't need a separate USB arcade keyboard emulator which is nice.

Follow these instructions from Adafruit to install Retrogame. After you've installed Retrogame, then copy this retrogame.cfg file to the /boot directory on your Pi. The retrogame.cfg file here assumes you have followed the same keyboard mappings and pin connections in the wiring table from Step 8 - Wiring. If you have used different pins or keyboard mappings, no worries, just make the corresponding changes in retrogame.cfg. Chances are you've connected a pin or two wrong so just test every input and correct.

This tutorial guides you through how to setup the combined shutdown and restart button.

Once everything is working, now you're ready to make things permanent. If you happen to have some Kapton tape, that's a nice way to secure the Pi pins ensuring they won't come loose later. Wrap some Kapton tape around the pins and Pi header. But no worries if you don't, it should still be fine.

Now turn the arcade on its side. At this point, you only have the left side installed, the right side is still open. Use your capillary action acrylic solvent applicator to glue the acrylic. Acrylic solvent works very quickly and will be sturdy in less than 5 minutes and does not need to be clamped. Here's a good primer on using acrylic solvent.

Attach the pieces for the marquee (make sure to do this before adding the right side).

Now attach the right side and glue that using the acrylic solvent.

Lastly, use a grinder or Dremel tool to grind down the left and right sides such that they are flush (the black notches may be sticking out a little bit). You'll want to do this so the outside pieces when attached will be nice and flush.

Step 10: Left and Right Outside Panels & Arcade Character Inlays

The arcade character inlays are optional but a pretty nice effect if you've got the time. If not using the inlays, then you could also use a service like this to print some side art stickers or just leave the sides solid red which would still be nice.

If not using the inlays, then modify the left and right outside panels and delete the inlay outlines. If you want personalize with your own favorite arcade characters, here's a great resource for arcade sprites. Then it's a matter of isolating each color of the sprite and then tracing in a vector program like Illustrator or Inkscape. Warning, this is a good amount of work. If you want to stick with the characters I used, use this file to laser cut each color of each character.

As you laser cut each color of each character, lay them out on a table and only glue to the arcade side once you know everything fits together right. Chances are there will be some mistakes (I made a bunch) so if you glue too soon, you'll be in trouble as the acrylic solvent is permanent.

Also VERY IMPORTANT, you don't want to use yellow color for any of the inlay characters as the side panel is already yellow. So if your desired arcade sprite has yellow, then substitute another color.

Step 11: Software Scripts for the The PIXEL: LED ART Matrix Integration

Almost done! The last step is to add some scripts such that the PIXEL: LED ART display will change artwork automatically based on the selected platform or game from RetroPie. Fortunately, RetroPie includes a hook called runcommand which is a linux bash shell script (.sh) that runs prior to each game launching. So we'll add our own runcommand script that passes the current game and platform to a command line Java program (pixelc.jar) that then writes a corresponding GIF to the LED display. As your install may include many games, you can just pick the games you want to do a special LED design for and use a generic LED design for each platform. I've made custom GIFs for ~50 games and also a platform specific GIF for ~40 platforms (atari2600, nes, snes, gameboy, mame, genesis, neogeo, etc.) which you can use to get started. And if you make your own and are open to share, please do let me know (comment here or github pull request) and I'll add to the repo for others.

This script does the following:

  1. Checks if an LED GIF matches the selected game. If yes, write it to the LED display
  2. If no, then check if there is a generic LED GIF for the selected emulator (ex. mame, atari2600, nes, etc.), If yes, write that to the LED display
  3. If no game specific LED GIF and no emulator specific LED GIF exits, then write a generic LED GIF
  4. Before writing, check that the new LED GIF is not the same as is already there. If it's the same one, then no need to write again and skip to save time.

Note that after the LED GIF has been written to the PIXEL LED Board's local microSD card, the PIXEL LED Board is handling the LED Display updates and no CPU cycles are being burned by your Pi to drive the display which is a good thing as your Pi will need those CPU cycles to run RetroPie.

Installation Steps

Check if Java 8 is installed on your Pi.

java -version

If Java 8 is not installed:

sudo apt-get update

sudo apt-get install oracle-java8-jdk

First create a directory on your Pi called pixelcade.

mkdir /home/pi/pixelcade

Copy the contents here to this pixelcade folder on your Pi.

Note: You must have the Android and Pi firmware installed on your PIXEL:LED ART board which is the default, the iOS/Android firmwares will not work. Double check that the PIXEL:LED ART board is USB connected to the Pi. Also ensure that the toggle switch on the PIXEL:LED ART board is facing the USB direction and not facing the BT direction. Check that your Pi detects the PIXEL:LED ART board.

ls /dev/ttyACM0

And you should get back

/dev/ttyACM0

Copy runcommand-onstart.sh and runcommand-onend.sh to /opt/retropie/configs/all/ on your Pi and then make runcommand-onstart.sh and runcommand-onend.sh executable

sudo chmod +x /opt/retropie/configs/all/runcommand-onstart.sh

sudo chmod +x /opt/retropie/configs/all/runcommand-onend.sh

You can customize this script if you like and below is an explanation on how this script works. But note that if you follow the installation steps, you won't need to touch this script.

1. Sets the path where pixelc.jar is located. If you copied pixelc.jar in /home/pi/pixelcade, then leave this line as is

PIXELPATH="/home/pi/pixelcade/";

2. Checks that the PIXEL:LED ART board is connected. If yes, we keep going and if no, the script terminates.

if $pixelexists | grep -q '/dev/ttyACM0';

3. RetroPie passes to this script in the form variables the selected game rom and selected game platform (atari2600, nes, mame, etc.). The code snippet below will first detect the game platform and select an LED design for that specific platform. Then it will check if a specific .GIF exists matching the selected game rom name. For example, if the selected rom game is 1941.zip, the script will look for mamelibretro/1941.gif. If that GIF exists, then that will be used as the LED marquee and if it doesn't exist, the default platform GIF will be used.

if [[ $PLATFORM == "mame-libretro" ]] || [[ $PLATFORM == "mame-mame4all" ]] || [[ $PLATFORM == "arcade" ]];then

echo "Entered ${PLATFORM} If Statement" >&2 if [[ -f "$MARQUEEGIF" ]]; then GAMEIMAGE=$MARQUEEGIF

echo "File $MARQUEEGIF exists so we'll write it to the LED marquee" >&2

else

if [[ -f $MAMEDEFAULT ]]; then

GAMEIMAGE=$MAMEDEFAULT

echo "File $MARQUEEGIF DOES NOT exist, defaulting to generic LED marquee: ${GAMEIMAGE}" >&2

else

GAMEIMAGE=$MAMEDEFAULT <

echo "File $NGPCDEFAULT DOES NOT exist, defaulting to generic LED marquee: ${GAMEIMAGE}" >&2

fi

fi

fi

4. This last command in the script does the actual write to the LED display.

java -jar "/home/pi/pixelcade/pixelc.jar" --gif="/home/pi/pixel/mame-libretro/1944.gif" --64x32 --write --silent

The game (1944.gif in this example) will be passed dynamically. Remove --silent when initially setting up and troubleshooting to see the screen output.

Also note that each time a game is launched, a log file will be written to /root/dev/shm/runcommand.log which will be very helpful for troubleshooting.

So go ahead and modify per your needs and also create GIFs for your favorite games and copy them to /home/pi/pixel/%platform-name (atari2600, mame-libretro, etc.) and then copy your version of runcommand-onstart.sh to /opt/retropie/configs/all/ . When creating your GIFs, be sure and name them the same as the rom name (ie, 1941.gif , 1941j.gif etc.) and note you'll make copies for game that have multiple rom versions.

For the combined restart and shutdown button on the back, here is the script for that

Since this installation is for a vertical orientated monitor, here is a nice vertical theme for RetroPie

I ported this software to Windows too, here is an example installation using the Maximus Arcade front end on Windows in a larger LED marquee installation.

Share

    Recommendations

    • Fandom Contest

      Fandom Contest
    • Woodworking Contest

      Woodworking Contest
    • Gardening Contest

      Gardening Contest

    11 Discussions

    0
    None
    alinke

    7 days ago

    A few folks have asked if finished units will be available. I'm collaborating with Game Room Solutions https://gameroomsolutions.com/ integrating their arcades with the LED marquee, here's a sneak peek prototype unit https://youtu.be/gFIK1TnJaf4 . The software integration is all done and we're just finalizing logistics now.

    0
    None
    DrewD4

    5 weeks ago

    Anywhere to buy the pre-cut acrylic pieces? I don't have access to a laser cutter. :-(

    3 replies
    0
    None
    alinkeDrewD4

    Reply 4 weeks ago

    there are services like https://make.ponoko.com you can use but I would caution this design is somewhat complex (ie, some lines are for scoring vs cutting) so you'd need to be very careful to get that right. If interest, I am also working with an arcade cabinet manufacturer on a design that would integrate this LED marquee, that may be an easier & cheaper route to go.

    0
    None
    DrewD4alinke

    Reply 4 weeks ago

    I would be interested depending on cost. Keep me in mind when you get more information!

    0
    None
    alinkeDrewD4

    Reply 4 weeks ago

    sounds good, will udpate

    0
    None
    Alex in NZ

    6 weeks ago

    Wow! And you've got Tron there too. Happy memories! Thank you for sharing this design :-)

    0
    None
    alinke

    6 weeks ago

    my total cost was around $450, can be a bit less depending on the quality of components you get

    0
    None
    1234567guy

    Question 6 weeks ago

    What is the total cost in total for all of the item you bought?