Introduction: Vertical Bartop Arcade With Integrated PIXEL LED Display

By ledpixelart.com
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 Inform…

    **** Updated with new software July 2019, details here ******

    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, LED GIF images and animations, wiring table, and artwork for this project are open source and here in GitHub.

    Software for this project here

    Parts

    1x Pixelcade LED Marquee (includes PIXEL LED driver board, 64x32 P3 LED Matrix, and 5V, 10A Power Supply) - $150

    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 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 ~150 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.

    Note: In addition to RetroPie, the Pixelcade LED marquee also integrates with the HyperSpin, Maximus Arcade, and GameEx Evolution front ends for Windows, instructions here.

    This script does the following:

    1. Checks if an LED GIF matches the selected game. If yes, stream 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 or scrolling text of the game name (scrolling text for MAME only)

    Software Setup Guide for RetroPie ==> http://ledpixelart.com/files/retropie/

    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.