Let's Make a Game Controller!

by travershenry in Circuits > USB

142778 Views, 878 Favorites, 0 Comments

Let's Make a Game Controller!

_MG_5648_Edit.jpg

I love flying games, but it feels like there are never enough buttons on my joystick.

This instructable will show you how to build your own switch panel in no time.

It will work with any game and computer that supports a joystick. I also encourage people to adapt this guide to make foot pedals, joysticks, or other input devices.

What skill level is needed?
This is a great starter project, all the wiring and code is very simple, just repeated for each button.

Out of any project I've done this has had the best ratio of skills needed to reward, so with relatively little effort you will get a great reward.

What Will I Need?

_MG_5537_Edit.jpg
_MG_5538_Edit.jpg
_MG_5542_Edit.jpg

Tools

  • Wire snips + thin wire
  • Soldering iron + solder
  • Drill + drill bits
  • Dremel (optional) + safety glasses

Bits

  • A Teensy (or arduino that supports HID)
  • Buttons! Lots of buttons and switches
  • Potentiometers (optional, used for sliders or axis control)
  • LEDs (optional) + equal number 220ohm resistors
  • Perf board
  • Female pin headers (optional, but recommended)
  • Enclosure

Notes:

I used the dremel because I had some square buttons, using just round-base switches is way easier and faster!

The female pin headers are great so you can take the Teensy out and use it for the next project—highly recommended.

You can also use an Arduino instead of the Teensy, just be sure that it supports HID (Human Interface Device), this is a great standard that ensures it'll work easily with any computer.

I found all my buttons and the enclosure at a local hobby electronics shop.

Start Laying Out

_MG_5543_Edit.jpg
_MG_5552_Edit.jpg
_MG_5558_Edit.jpg
_MG_5567_Edit.jpg
_MG_5571_Edit.jpg
_MG_5573_Edit.jpg

The quickest way to plan where the switches will go is just draw them on with pencil.

Bonus

I wanted an extra crisp look, so I redrew all my markings on the computer and printed it out.

Then I glued the paper to my case and pasted over it with clear tape, so the oils in my hands don't ruin the paper.

In the end I chose the standard Russian green colour, makes it a bit more fun, and apparently helps reduce eye fatigue for pilots.

Manufacture

_MG_5578_Edit.jpg
_MG_5579_Edit.jpg
_MG_5582_Edit.jpg

Next drill out the holes you marked with pencil, or on your printed decal.

(Optional) If some of your buttons are square, you'll have to use a cutting tool.

Test fit everything together, and become eager with anticipation.

Electronics

_MG_5587_Edit.jpg
_MG_5589_Edit.jpg
_MG_5593_Edit.jpg
_MG_5597_Edit overlay.jpg
_MG_5599_Edit.jpg

Snip the pin headers to length for each side, then solder them to your board.

Test fit the board and trim if needed. Leave a few pins on each side of the teensy.

The first step of wiring is to attach the ground wire to one of all the button pins, if there are three pins on a button, attach it to the middle one. For the potentiometers attach ground to one of the outside pins, doesn't matter which.

Now is also a good time to glue in the LEDs, if you're using them, and solder the negative pin onto the same ground wire that we used for the buttons. (All round style LEDs have a flat spot that mark the negative side)

Wire Buttons

_MG_5603_Edit.jpg
_MG_5609_Edit.jpg
_MG_5606_Edit.jpg

I've included the diagram that comes with each Teensy, it shows each pin number and what they can do.

Button

One side of the button goes to Gnd, the other to a digital pin on the Teensy.

Each button will take up one pin (marked in grey on the diagram), and a few of my 3-position switches will take up two. Keep track of what pin numbers you are using, but it's not necessary to know exactly which button goes to each pin.

LEDs (optional)

With the flat side of the LED attached to ground, the other side will attach to one side of a 220ohm resistor, and the other side of the resistor will attach to a digital pin.

Notes

Some 2-position switches have three pins. With the middle pin attached to ground, choose what side you want to be "on" and attach that to a digital pin on the Teensy.

Potentiometers (optional)

_MG_5607_Edit_Overlay.jpg

It doesn't matter which side gets wired to 3.3v and which to Gnd, but the middle pin must go to an analog input on the Teensy (marked in orange on the diagram from the last step).

Notes

A potentiometer is a variable voltage divider, basically one side gets the whole voltage, the other side gets no voltage, and the pin in the middle gives a reading somewhere between the two.

I used B10K potentiometers.

The B means linear, as in it increases in a straight line when plotted, these are used for digital things. Type A potentiometers are usually used for audio applications and increase exponentially.

10K means 10,000ohm max resistance. This is pretty standard, but because what we're measuring is a ratio most values work fine.

Code

Screen Shot 2015-08-25 at 2.27.47 PM.png
_MG_5649_Edit.jpg
_MG_5651_Edit.jpg

First step is to install Arduino if you don't have it and the Teensy plugin for Arduino. It's a quick install and comes with lots of great libraries to play around with.

Now either download and change my code to the number of buttons you have, or try to make your own using the included Teensy examples. If all you have to do is a few buttons, it's super easy.

When you want to upload the sketch, set the board to your Teensy version, and change "USB Type" to "Keyboard + Mouse + Joystick"

Downloads

Testing

_MG_5610_Edit.jpg
_MG_5611_Edit.jpg
_MG_5612_Edit.jpg
_MG_5615_Edit.jpg

Presto!

We now have a joystick input device, but does it work?

If you used some LEDs you can flick some of the switches to turn on the lights, but you might have to change some of the pin numbers in the code to match your controller.

Now either load up a game, or on Windows press "Win + R" to run a command and type in "joy.cpl"

This is Windows' built-in joystick utility, select the "Keyboard/Mouse/Joystick" and press "Properties" now we will see live input from our custom game controller! Exciting stuff.

Package It Up

_MG_5622_Edit.jpg
_MG_5616_Edit.jpg
_MG_5604_Edit.jpg
_MG_5618_Edit.jpg

I used some double sided foam tape to hold my board in place, anything works, just be sure the circuit doesn't touch any metal inside your case.

Drill out a hole for your usb connection. Tilting the drill back and forth a bit will help make it wide enough without using a huge bit.

Finishing Touches

_MG_5624_Edit.jpg
_MG_5625_Edit.jpg
_MG_5626_Edit.jpg
_MG_5631_Edit.jpg
_MG_5628_Edit.jpg
_MG_5629_Edit.jpg

Because I forgot to get proper LED carriages I quickly printed some little rings to make them look more proper.

I also had some knobs from an old stereo for the potentiometers, but I decided to print off some little knobs that match a cockpit a bit better. Any place that sells potentiometers will also sell the knobs, or make some, or download some from a 3D share hub to print yourself.

One last finishing touch was a carbon-fibre type decal on the side. Not very traditional, but looks cooler than the plain plastic.

Rejoice!

_MG_5636_Edit.jpg
_MG_5656_Edit.jpg
_MG_5654_Edit.jpg
_MG_5645_Edit.jpg

It's done. Didn't take too long, did it?

Now load up your favourite video game, bind some keys and get to work flying, ejecting, or firing missiles! Heck even change radio stations or run macros.

Thanks for reading along, and hopefully giving it a go too!

Thoughts:

If I were to take this project a step further, I would probably make my own enclosure. You can use a laser cutter to cut the pieces, holes, and etch the design in painted acrylic, all in one go! That'd be the dream.