This is free art – it is under a Creative Commons Attribution License.
D-Pad and Buttons
The iPhone has lots of ways to control characters in-game: tapping, tilting, etc.
Sometimes, however, you just want an old-fashioned D-Pad and some A and B buttons.
Allen Tan, who will soon be releasing an awesome starter kit on the raywenderlich.com site, is just such a person. He also used the art in a two-part free tutorial: How To Make A Side-Scrolling Beat ‘Em Up Game Like Scott Pilgrim with Cocos2D. Check that out if you’re interested!
His punch-em-out game really needed a D-Pad and buttons, and he couldn’t find any good looking ones out there for free.
So I made him one.
And now you all get to benefit!
How It Works
The D-Pad is a set of 9 images: one for when no buttons are pressed, and 8 for when the various directions are pressed.
There are three buttons: A, B, and a blank, for you to put on whatever you like. Each button has a pressed and unpressed image.
They are all sized for the iPhone and iPhone retina, though they would work well on any other device with a similar resolution.
Feel free to tint the controls with a color to better match your game! Check out this post to learn three easy methods of recoloring artwork.
The images are provided at 100% opacity, but you can set them to be somewhat transparent so that your game shows through. Below you can see a mockup of the D-Pad at 70% opacity.